Bootstrap Grid - Large Devices

Bootstrap Izgara Örnek: Büyük Cihazları

Bir önceki bölümde, küçük ve orta ölçekli cihazlar için sınıfları ile ızgara örneği sundu. İki div'ler kullanılan (columns) ve onlara verdi 25%/75% , küçük cihazlarda bölünmüş ve bir 50%/50% orta cihazlarda bölünmüş:

Ama büyük cihazlarda tasarımı olarak daha iyi olabilir 33%/66% bölünmüş.

Öneri: Büyük cihazlar 1200 piksel ve yukarıdan bir ekran genişliğe sahip olan olarak tanımlanır.

Büyük cihazlar için biz kullanacağız .col-lg-* sınıfları.

Şimdi biz büyük cihazlar için sütun genişliklerini katacak:

Şimdi Bootstrap, küçük boyutta" demek olan sınıflara bakmak için gidiyor -sm- onlarda ve orta büyüklükte anda olanlar. Kullanın ile sınıfları bakmak -md- bakmak, onları ve büyük boyutta anda olanlar. Kullanmak sözcükle sınıflar -lg- onlarda ve bu kullanmak".

Aşağıdaki örnek, bir neden olur 25%/75% , küçük cihazlarda bölünmüş, bir 50%/50% orta cihazlarda bölünmüş ve bir 33%/66% , büyük cihazlarda bölünmüş:

Sadece Büyük Kullanımı

Aşağıdaki örnekte, sadece belirtmek .col-lg-6 sınıfını (without .col-md-* and/or .col-sm-* ) . Bu büyük cihazlar% 50 /% 50 bölünmüş anlamına gelir. Bununla birlikte, orta ve küçük cihazlar için, bu, dikey olarak monte olur (100% width) :