Bootstrap'ta 5 Sütunlu Grid Nasıl Yapılır?

By Admin
20/Mayıs/2021
Okuma Süresi: 3 dk.

Selamlar yazılımcı yoldaş,

Bootstrap 3 için geçerli olan bir metodu sizinle paylaşacam bugün. Vereceğim kodları bootstrap.css kodlarınızın en sonuna yapıştıracaksınız. Yapıyı kullanmak içinse col-xs-5ths, col-sm-5ths, col-md-5ths, col-lg-5ths şeklinde hangisi işinizi görüyorsa onu yazmanız yeterli olacaktır. 

 

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

Php date sınıfı ile ayın son gününü çekmek
Codeigniter 3'te Group_start ve group_end mantığı nedir?