SORU
7 Mart 2014, Cuma


Konteyner-sıvı vs .konteyner

Sadece 3.1 indirilen ve dokümanlar bulundu...

.container-fluid tabaka .container değiştirerek tam genişlikte bir düzen içine sabit genişlikte ızgara herhangi bir düzeni açın.

Bootstrap aranıyor.css, öyle görünüyor .konteyner-sıvı aynıdır .kap. Her ikisi de aynı CSS, ve her bir örnek var .kap sıvı ile eşleştirilmiş .konteyner ve her sütun sınıflar yüzdeler belirtilmiştir.

Örnekleri ile herhangi bir fark göremedim öldürmek, her şeyi sıvı gibiydi.

Bootstrap yeni olduğum için, ben bir şey eksik sanırım. Birisi bir dakika al ve beni aydınlatabilir mi?

CEVAP
8 Mart 2014, CUMARTESİ


Hızlı sürümü:.container bootstrap her ekran boyutu (x'ler,sm,md,lg) mevcut genişliği doldurmak için genişler için bir genişlik vardır.


container container-fluid arasındaki farkı CSS bu satırları gelir:

@media (min-width: 568px) {
  .container {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

Web sayfası izlendi ediliyor alanının genişliğine bağlı olarak, container sınıf div belirli sabit bir genişlik verir. Bu çizgiler container-fluid, genişliği değişiklikleri için herhangi bir form her zaman görünüm penceresi genişliği değişiklik yok.

Örneğin, bir tarayıcı penceresi 1000 piksel genişliğinde olduğunu söylüyor. 992px, .container elemanın min-genişlik 970px genişliğinde olacak daha büyük gibi. Sonra yavaş yavaş tarayıcı penceresini genişletmek. .container genişliği olan 1170px geniş atlamak ve herhangi bir büyük tarayıcı genişlikleri için öyle kalacak 1200px, elde edene kadar değişmeyecek.

.container-fluid öğesi, diğer taraftan, sürekli tarayıcı genişliği bile küçük değişiklik olarak yeniden boyutlandırmak olacaktır.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Julian Smith

    Julian Smith

    31 EKİM 2006
  • superemposed

    superemposed

    25 Aralık 2007
  • TopOfTheTech

    TopOfTheTech

    5 NİSAN 2010