2013-07-02 16 views
12

, navbar benAyrı navbar ve navbar iç sınıflarının amacı nedir? Heyecan Bootstrap adlı marş-template.html olarak

<div class="navbar navbar-inner"> 
    <div class="container"> 
    ... 
    </div> 
</div> 

her şeyi biçimlendirmeyi değiştirirseniz, Ancak

<div class="navbar"> 
    <div class="navbar-inner"> 
    <div class="container"> 
    ... 
    </div> 
    </div> 
</div> 

olarak yazılır iyi iş gibi görünüyor ve hiçbir fark edilebilir görsel farklılıklar olarak var olan anlatabildiğim kadarıyla. İki div ile ilişkili ayrı navbar ve navbar-inner sınıflarına sahip olmanın nedeni nedir? Neden her ikisi de stillerini birleştiren bir navbar sınıfına sahip değiliz?

+0

Ben tarayıcı uyumluluğu ve duyarlı tasarım için olduğuna inanıyorum. – screenmutt

+0

Sadece kontrol ettim, hem navbar hem de navbar iç sınıflarıyla tek bir div var ise, yanıt veren navbar hala iyi çalışıyor gibi görünüyor. (Sadece kromda test edildi) – Tony

cevap

6

Bu, html belgenizin yapısını daha net ve okunabilir hale getirir. Navbar-iç sınıfı bu kabın içeriğini (gösterge tablosu) sararken, .navbar sınıfı konumu ayarlar (ve satır içi varsayılan ekrana sahiptir). .navbar, navbar-inner gibi birden fazla blok içerebilir.

.container (sıvı) ile aynı seviyeye sahip .navbar sizin hiyerarşik DOM-yapıda

div'ler:

enter image description here

+3

Anladığımdan emin değilim, ekstra div ihtiyacı olmadığında ekstra div bana açık ve anlaşılabilir görünmüyor. – Tony

İlgili konular