Twitter Bootstrap "kapsayıcı sıvı"

Question

Sadece bir şeyi temizlemek istiyorum. Ben "container-fluid" sınıfını kullanıyorum, o ben bootstrap.css böyle bir şey olamaz gelir:

.container-fluid{ 
width: 1170px; 
} 

Ben piksel ayarlamak çalıştı ve duyarlı doğa basitçe kapalı. % Olarak ayarlanırken çalışır. Başka bir deyişle, sorum şu: Sabit konteynır genişliğini nasıl ayarlayabilirim? Yoksa önyükleme geliştiricileri tarafından varsayılan olarak kastedilmiyor muydu?

Zaten bu bağlantıyı okuyun: Fluid or fixed grid system, in responsive design, based on Twitter Bootstrap

Ama sadece statik, sen istihdam etmesi gerekir yapıyor orada bir şey container-fluid.

Answer 1

bir px genişliğini ayarlayarak ile duyarlı doğa ve sabit genişlik ilgili bulamıyor Bundan sonra javascript gibi duyarlı bir hale getirmek için farklı bir teknik, bu yüzden% kullanılır.

Eğer konteyner

.container-fluid { 
    max-width:1170px; 
} 

maksimum genişlik kullanıcıların ekran 1170px daha geniş ise o kadar konteyner yalnızca geniş 1170px kadar gidecek yapacak daha geniş daha 1170px kullanımı gitmez yapmak isteyen varsa. Bu, duyarlı mekanizmaların çalışmaya devam etmesini sağlayacaktır.

Seçici olarak .container-fluid öğesinin kullanılması, container-fluid öğesinin tümünün bu öğeye nasıl etki ettiğini değiştirecek ve bu öğeye ikinci bir sınıf ekleme ve stili ayarlamayı düşünecektir.

html

<div class="container-fluid maxWidth"></div> 

css

.maxWidth { 
     max-width:1170px; 
} 

onlar söylemek mümkün olmaz gibi duyarlı olmayan iç içeriğini yapacak, ne olursa olsun sabit olan kaba isteyen vardır konteyner boyutu değiştirmeyeceği için ekran boyutu değiştiğinde.