Bootstrap 3 üzerine başladım ve bir sorun kılavuz sınıflar içindir nasıl anlamakta güçlük çekiyorum.

Şimdiye kadar çözdüm:

col-sm-# col-lg-# farklı sınıflar ekranlar sadece belli bir büyüklüğün üzerindeki zaman geçerli olacak bu düz col-# (768 px ve 992px sırasıyla) eski gibi görünüyor. Eğer-sm - veya-lg - atlarsanız divs hiç bir sütun içine çökecek.

col-sm-6 Her ikisi de bir satır içinde iki salak oluşturduğumda ancak, onlar gibi görünüyorsadecepencere arasındaki 768 px ve 992px geniş zaman yan yana. Ben pencereden aşağı küçültmek ve yavaş yavaş genişletmek sonra, diğer bir deyişle, bu düzeni tek sütun, iki sütun, tek sütun için o zamanlaryine.

1. Bu istenen bir davranış mı?
2. Eğer 768 px, iyi olur her şey için iki sütun istersem kullanıyorumher ikisi desınıflar? (<div class="col-sm-6 col-lg-6">)
3. col-6ayrıcadahil olmak mı? <div class="col-6 col-sm-6 col-lg-6">

[AŞAĞIDA] GÜNCELLEŞTİRME

Doktorlar bir daha baktım ve özellikle bu konuda görüşmelerin bir bölümü Gözden kaçırmışım gibi görünüyor.

Benim soruların cevapları:

1. Evet, sadece her şeyi belli bir genişliği üzerinde belirli aralıklar yerine uygulamak içindir.

2. Evet, sınıfları birlikte olmak içindir.

3. Bu, çünkü bazı durumlarda uygun ama diğerleri değil gibi görünüyor col-# sınıflar için temel olarak eşdeğerdir col-xsm-# ya, 0px yukarıda genişliği (genişlik).

Çok hızlı bir şekilde bu dokümanlar, Bootstrap 3 ile geldim çünkü kafam karışıktı sanırım okuma dışında "Bootstrap 2 zihniyet". Özellikle, (isteğe bağlı) duyarlı stilleri (bootstrap-duyarlı.kullanıyordum css) v2 ve v3 olarak oldukça farklıdır (IMO).

Kararlı sürüm için GÜNCELLEME:

Bu soru aslında RC1 dışında olduğu zamanlarda yazılmıştır. Herkes her şeyi yukarıda hala geçerlidir şimdi, bu okuma için RC2 bazı önemli değişiklikler yaptı.

Şu anda bunu yazdığım zaman itibariyle col-*-# sınıflar Yukarı geçerli gibi görünüyor. Yani örneğin, eğer istediğiniz bir öğe için 12 sütun (tam genişlik) telefonları, ama iki 6 sütun (yarım sayfa) için tabletler ve yaparsınız gibi bir şey bu

<div class="col-xs-12 col-sm-6"> ... //NO NEED FOR col-md-6 or col-lg-6

(Ayrıca bu soru yazıldıktan sonra ek x'ler mola noktası eklendi.)