2013-12-22 50 views
0

我有我的頁面左側,像這樣「導航欄」:力的內容與Twitter的引導頁面的中心/導軌查看

<nav> 
    <ul class="nav nav-pills nav-stacked span2"> 
    <li><a href="#">one</a></li> 
    <li><a href="#">two</a></li> 
    <li><a href="#">three</a></li> 
    <li><a href="#">four</a></li> 
    <li><a href="#">five</a></li> 
    </ul> 
</nav> 

我的問題是相當普遍的 - 我如何可以強制使用導航欄一直沿着我的頁面的左側,而不創建一千個列表項目?目前,我的內容也是從我想要的位置開始,但是當它超出了導航欄的底部時,它就開始將內容放置在導航欄下。我希望將所有內容放置在此導航欄的右側。

+0

使用類上拉正確的UL將其移動到右 –

回答

0

從它的聲音,你需要利用自舉網格來影響列。試試這個:

<div class="row"> 
    <div class="col-md-3"> 
    <nav> 
    <ul class="nav nav-pills nav-stacked span2"> 
    <li><a href="#">one</a></li> 
    <li><a href="#">two</a></li> 
    <li><a href="#">three</a></li> 
    <li><a href="#">four</a></li> 
    <li><a href="#">five</a></li> 
    </ul> 
    </nav> 
    </div> 

    <div class="col-md-9"> 
    //Main content which won't get floated under the nav 
    </div> 
</div> 

裁判:http://getbootstrap.com/css/#grid