Bootstrap ızgara sistemi içinde oluşturmaya alışmanız için temel ızgara düzenleri.
Bu örneklerde .themed-grid-colsınıf, bazı temalar eklemek için sütunlara eklenir. Bu, Bootstrap'ta varsayılan olarak bulunan bir sınıf değildir.
Bootstrap ızgara sisteminde, desteklediğimiz her cihaz aralığı için bir tane olmak üzere beş katman vardır. Her katman, minimum görüntü alanı boyutunda başlar ve geçersiz kılınmadıkça daha büyük cihazlara otomatik olarak uygulanır.
Masaüstlerinden başlayıp büyük masaüstlerine ölçeklendirerek eşit genişlikte üç sütun elde edin . Mobil cihazlarda, tabletlerde ve altında sütunlar otomatik olarak yığılır.
Masaüstlerinden başlayıp çeşitli genişliklerdeki büyük masaüstlerine ölçeklenen üç sütun alın . Unutmayın, ızgara sütunları tek bir yatay blok için 12'ye kadar eklemelidir. Bundan daha fazlası ve görünüm alanı ne olursa olsun sütunlar yığılmaya başlar.
Masaüstlerinden başlayıp büyük masaüstlerine ölçeklenen iki sütun alın .
Tam genişlikte öğeler için ızgara sınıfı gerekli değildir.
Belgelere göre, iç içe yerleştirme kolaydır; yalnızca mevcut bir sütuna bir satır sütun yerleştirmeniz yeterlidir. Bu size , masaüstlerinden başlayan ve büyük masaüstlerine ölçeklenen iki sütun ve daha büyük sütunda başka iki (eşit genişlikte) sütun sağlar.
Mobil cihaz boyutlarında, tabletlerde ve aşağı sürümlerde bu sütunlar ve iç içe geçmiş sütunları yığılır.
Bootstrap v4 ızgara sistemi beş sınıf sınıfına sahiptir: xs (çok küçük, bu sınıf eklentisi kullanılmaz), sm (küçük), md (orta), lg (büyük) ve xl (çok büyük). Daha dinamik ve esnek düzenler oluşturmak için bu sınıfların hemen hemen her kombinasyonunu kullanabilirsiniz.
Her sınıf katmanı artar, yani md, lg ve xl için aynı genişlikleri ayarlamayı planlıyorsanız, yalnızca md belirtmeniz gerekir.
Bootstrap v4.4'te eklenen ek sınıflar, belirli bir kesme noktasına kadar %100 geniş kapsayıcılara izin verir.