Twitter Bootstrap, yandaki dikey gezinme çubuğu gibi

Önyükleme işleminde yeniyim ve bootstrap gibi gezinme çubuğu oluşturmada bir sorun yaşıyorum. Bunu denemek için çok zaman harcadım ama anlayamıyorum. , here> istiflenebilir bölüm - Benim istediğim Bu iu önyükleme nav çubuğu kontrol ettinTwitter Bootstrap, yandaki dikey gezinme çubuğu gibi

<div class="span3 bs-docs-sidebar"> 
<ul class="nav nav-list bs-docs-sidenav affix"> 
    <li class="active"><a href="#dropdowns"><i class="icon-chevron-right"></i> Dropdowns</a></li> 
    <li class=""><a href="#buttonGroups"><i class="icon-chevron-right"></i> Button groups</a></li> 
    <li><a href="#buttonDropdowns"><i class="icon-chevron-right"></i> Button dropdowns</a></li> 
    <li><a href="#navs"><i class="icon-chevron-right"></i> Navs</a></li> 
    <li><a href="#navbar"><i class="icon-chevron-right"></i> Navbar</a></li> 
    <li><a href="#breadcrumbs"><i class="icon-chevron-right"></i> Breadcrumbs</a></li> 
    <li><a href="#pagination"><i class="icon-chevron-right"></i> Pagination</a></li> 
    <li><a href="#labels-badges"><i class="icon-chevron-right"></i> Labels and badges</a></li> 
    <li><a href="#typography"><i class="icon-chevron-right"></i> Typography</a></li> 
    <li><a href="#thumbnails"><i class="icon-chevron-right"></i> Thumbnails</a></li> 
    <li><a href="#alerts"><i class="icon-chevron-right"></i> Alerts</a></li> 
    <li><a href="#progress"><i class="icon-chevron-right"></i> Progress bars</a></li> 
    <li><a href="#media"><i class="icon-chevron-right"></i> Media object</a></li> 
    <li><a href="#misc"><i class="icon-chevron-right"></i> Misc</a></li> 
</ul>

kaynak

2013-06-15 vaibhav1312

u ana kadar çalıştı ne yaptı: ayrı olarak aşağıda aynı dosyanın altındaki tanımlanır ek CSS eklemek? –

Peki ne çalışmıyor? Bu menüye şu şekilde ekleme yapabilirsiniz: http://www.bootply.com/63708 – ZimSystem

here bulundu budur

enter image description here

gibidir?

<ul class="nav nav-tabs nav-stacked"> 
    ... 
</ul>

Sorduğun gibi görünüyor ... bunu denediniz mi?

kaynak

2013-06-15 14:42:10

Evet, denedim ve yığınlanmış sekmeler veriyor, ama ne istediğimi değil – vaibhav1312

ne istiyorsun? ? –

Aynı anlık görüntüyle (önyükleme) aynı istiyorum – vaibhav1312

bs-kenar çubuğunun css'sini twitter bootstrap'in docs.css'ından kopyalayın;

CSS

.bs-sidebar .nav > .active > ul { 
    display: block; 
    margin-bottom: 8px; 
}

HTML

<div class="bs-sidebar affix"> 
    <ul class="nav bs-sidenav"> 
     <li class="active"><a href="#">NAV1</a> 
      <ul class="nav"> 
       <li><a href="#">1</a></li> 
       <li><a href="#">2</a></li> 
      </ul> 
     </li> 
     <li><a href="#">NAV2</a></li> 
    </ul> 
</div>

kaynak

2013-07-31 16:12:50

Cevabınız benim de günü kurtardı. Şimdi sadece renk almam gerekiyor. – DrinkJavaCodeJava

Twitter Bootstrap, yandaki dikey gezinme çubuğu gibi

cevap

İlgili konular