2016-02-25 36 views
0

基本上我的問題是,我試圖把這個拉到頁面的右側,不知道如何做到這一點;Bootstrap拉右分導航

<ul class="nav nav-tabs"> 
    <li role="presentation" class="active"><a href="/account.php">Home</a></li> 
    <li role="presentation"><a href="#">1</a></li> 
    <li role="presentation"><a href="#">2</a></li> 
    <li role="presentation"><a href="#">3</a></li> 
    <li role="presentation"><a href="#">4</a></li> 
    <li role="presentation"><a href="#">5</a></li> 
    <li role="presentation"><a href="#">6</a></li> 

    ! - This is the one that i need aligned to the right - ! 

    <li role="presentation"><a href="#">Admin Panel</a></li> 

</ul> 

這是導航欄下的子菜單,我使用默認的bootstrap CSS

回答

0

添加類「拉右」我正在爲你做一個小提琴。 https://jsfiddle.net/7Lwa0mky/

<ul class="nav nav-tabs"> 
<li role="presentation" class="active"><a href="/account.php">Home</a></li> 
<li role="presentation"><a href="#">1</a></li> 
<li role="presentation"><a href="#">2</a></li> 
<li role="presentation"><a href="#">3</a></li> 
<li role="presentation"><a href="#">4</a></li> 
<li role="presentation"><a href="#">5</a></li> 
<li role="presentation"><a href="#">6</a></li> 

<!--This is the one that i need aligned to the right --> 

<li role="presentation" class="pull-right"><a href="#">Admin Panel</a></li> 

+0

OMG ahaha,它是簡單的xD三江源@sanova – Peanuts

+1

@Peanuts沒有問題,它的有趣,你完全使用正確的術語:)無論如何添加了一把小提琴 – Sanova

+0

@Pananuts,如果它最終成爲官方的解決方案,不要忘了標記這個作爲答案,謝謝! – Sanova

0

你有沒有真的試圖

<li role="presentation pull-right"><a href="#">Admin Panel</a></li> 

:P

+0

請僅使用* Post answer *按鈕才能得到實際答案。這聽起來並不是解決問題的方法。 – phaberest

+0

我實際上回應建議他使用拉右類併發布了一段代碼片段,但隨後出現一個屏幕,詢問我是否是機器人並告訴我單擊驗證碼!然後就出現了。而Firefox現在都是越野車。我不得不使用chrome發表評論。 – mitsest

+0

這是我原來的評論。 :S – mitsest