我正在尝试向右移动导航栏,尝试向右导航,向右拉动,但我得到的是这样的 – div class="container" h1 align="center"a href="#"My Site/a/h1div class="container" ul class="nav nav-tabs navbar-right" li class="active"a
<div class="container" > <h1 align="center"><a href="#">My Site</a></h1> <div class="container" > <ul class="nav nav-tabs navbar-right" > <li class="active"><a href="#">tab1</a></li> <li><a href="#">tab2</a></li> <li><a href="#">tab3</a></li> <li><a href="#">tab4</a></li> </ul> </div> <br> Hello </div>
所以这里有两个问题 –
标签下面的灰线要短得多,标签本身没有正确对齐 – 我希望“tab1”是最右边的一个,相应地“tab4”是最左边的一个.
对于navbar-right和pull-right,我得到了相同的结果.怎么解决这个问题?
谢谢!
只需扩展Bootstrap就可以轻松实现这种行为.演示JSBin:http://jsbin.com/zaniz/1/edit?html,css,output
我所做的就是在< ul>中添加了一个从右到左的课程.和CSS样式应该是:
.right-to-left li { float: right; }