2016-02-25 40 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