Çoklu ve/veya iç içe geçmiş Önyükleme kapları?

Question

Benim anlayışım, tüm Bootstrap tarzı öğelerin <div class="container"> öğesinin içinde bulunması gerektiğidir. Ama bazen birden fazla "konteyner" vardır Bootstrap örnekler bkz:

<div class="container"> 
    <!-- Blah, GUI stuff, blah --> 
</div> 

... 

<div class="container"> 
    <!-- Blah, more GUI stuff, blah --> 
</div> 

Sorularım:

1. Hiç birden "kapsayıcı divs" ile tek bir HTML sayfası gerekir? Bu, tüm vücudu sadece büyük bir "konteyner div" içine koymak yerine, ne gibi bir fayda sağlar?
2. "Konteyner div'lerini" diğerlerinin içine yerleştirmek ister miydiniz? Ne zaman/neden? Sayfanın

Answer 1

1. bazı bölümleri tam görüntü alanı genişliğini sürecek ve diğerleri olmaz. Bazı arka planlar tam genişlikte olacak, ancak içerik olmayacak.

   Bunun bir örneği, görünümün tüm genişliği olan bir arka plan görüntüsü veya rengi olan, ancak içindeki içeriğin, formların veya herhangi bir şeyin, verilen herhangi bir görünüm genişliğindeki .container değerini aşmayan bir örüntü alanıdır. docs bkz -

2. Sen yuva .container veya .container-fluid yoktur. Gereksiz.

   Dokümanlar: Önyükleme sitesi içeriğini sarmak ve ızgara sistemini barındıracak bir içeren eleman gerektirir. Projelerinizde 'u kullanmak için iki kapsayıcıdan birini seçebilirsiniz. Dolgu ve daha fazlası nedeniyle, ne konteynırı belirtilemez, ne de .container ve .container-fluid'in iç içe geçmemesi anlamına gelir.

Answer 2

Aslında onun tamamen tasarımcının ihtiyacı bağlıdır.

Bazı zamanlar satır

http://binarytheme.com/demos?theme=bootsrap-landing-page-blue

şablonu, örneğin yukarıya bakın

anlamak için, (i görünüm veya ayrı kap sınıfı olmadan elde edilebilir görünen kısmının bir şerit demek) tam genişliği ihtiyaç

Answer 3

Bazılarının söylediğinden farklı olarak, container-fluid'u bir container içine yerleştirebilirsiniz. resmi önyükleme web sitesinde bir örnek bile yoktur:

http://getbootstrap.com/examples/navbar/