2016-04-14 19 views
0

http://codepen.io/ruchiccio/pen/ONvoaEBootstrap Navbar'ı çöküşü tarzı değişen

tıkladıktan sonra ben bir açılan menü ile bir navbar var. Bu açılır menüde, biri de bir açılır liste (yani Markalar) olan birkaç çocuk var. Bu açılır listeyi tıklatıp geçiş panosuyla tekrar kapattığımda, tüm navbar-collapse div'ımın etrafındaki 1px kenarlık kayboluyor. Bunun olmasına neden olan şeyi göremiyorum.

Markalar açılır menüsünü tıklatıp kapatıp kapattığımda garip kenarlık değişiklikleri alıyorum ve açılır menüden normal bir bağlantıyı tıklatmayı deneyin (ör. Hakkında). Bir çözüm anladım

<div id="navbar" class="navbar-collapse collapse"> 
    <ul class="nav navbar-nav"> 
     <li><a>About</a></li> 
     <li class="dropdown"> 
     <a class="dropdown-toggle" data-toggle="dropdown">Brands<span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
       <li><a>Brand 1</a></li> 
    ... 

Left: what it should look like. Right: the problem

+0

Kullanıcı hatalarını dışlamak için navbar için tam HTML kodunu ekleyebilir ve kullanıcıların tüm kodunuzu sınamaları için yararlı olabilir. –

+0

Bazı nedenlerden dolayı bu hatayı yineleyemiyorum. Ekran görüntüsü ekliyorum. –

+0

Ekran görüntülerine ihtiyacımız yok, sorunuzu düzeltmeniz ve kodunuzun tamamını eklemeniz gerekiyor ...

  • Marka 1
  • ' –

    cevap

    0

    : Burada

    gibi kod görüntüsü. Ekranın sağ tarafında tutmak için sağ: 0 ile navbar-çöküşü mutlak konumlandırma verdim. Görünüşe göre yüzer, çöküşe katılmıyor.