2013-12-18 10 views
22

dispone di codice simile al seguente:Come posso ottenere "divider" visualizzato per "nav-pillole" e "nav-stacked"

<div class="container"> 

<div class="row"> 
    <div class="col-sm-3"> 
     <ul class="nav nav-pills nav-stacked"> 
      <li><a href="#">Available glyphs</a></li> 
      <li class="disabled"><a href="#">How to use</a></li> 
      <li><a href="#">Examples</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Example</a></li> 
     </ul> 
    </div> 
    <div class="col-sm-3"> 
     <ul class="nav nav-pills nav-stacked"> 
      <li><a href="#">Basic example</a></li> 
      <li><a href="#">Vertical variation</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Single button dropdowns</a></li> 
     </ul> 
    </div> 
    <div class="col-sm-3"> 
     <ul class="nav nav-pills nav-stacked"> 
      <li><a href="#">Basic example</a></li> 
      <li><a href="#">Checkboxes and radio addons</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Justified</a></li> 
     </ul> 
    </div> 
    <div class="col-sm-3"> 
     <ul class="nav nav-pills nav-stacked"> 
      <li><a href="#">Fixed to bottom</a></li> 
      <li><a href="#">Static top</a></li> 
      <li><a href="#">Inverted navbar</a></li> 
     </ul> 
    </div> 
</div> 

classe "divider" non funziona. Mi sto perdendo qualcosa?

http://jsfiddle.net/isherwood/B9gHc

+0

è 'divider' una classe Bootstrap? In caso contrario, qual è il tuo CSS? – isherwood

+0

è classe Bootstrap – user203687

+0

Quello che voglio dire è che non Bootstrap applicarlo alla NAV? Non vedo che lo facciano. http://getbootstrap.com/components/#nav – isherwood

risposta

43

La classe divider è cambiato a nav-divider in Bootstrap 3 ..

<li class="nav-divider"></li> 

modo da poter utilizzare questo senza alcun CSS personalizzato. http://bootply.com/101379

UPDATE

.nav-divider è stato deprecato in v3.0.1

+10

Purtroppo '.nav-divider' [è stata deprecata da v3.0.1] (https://github.com/twbs/bootstrap-sass/blob/a5f5954268779ce0faf7607b3c35191a8d0fdfe6/assets/ fogli di stile/bootstrap/_navs.scss # L54), e così ad un certo punto cesserà di lavoro. Puoi ancora usare '.divider' con menu a tendina, ma penso che sia così. –

+1

@Skelly La prego di aggiornare questa risposta per riflettere [la deprecazione] (https://github.com/twbs/bootstrap/commit/56c8826c770376840d1873f4e524f096ab5c686d)? – cvrebert

+0

Questa risposta non è corretta. Bootstrap mostra "divisore" come classe corretta da utilizzare. La classe "divisore" non è stata sostituita da "nav-divider". http://getbootstrap.com/components/#dropdowns –

Problemi correlati