Question

我正在使用Bootstrap（http://twitter.github.io/bootstrap/components.html#navbar）的导航栏，而不是此导航栏左侧不同标签的链接，我想把我的通知图标放在最右边它的。我怎么能用CSS做到这一点？我不想使用像素，我更喜欢它与窗口大小的灵活性，并转到此导航栏的右侧。

感谢

Answer 1

在以下代码中使用两个不同的UL：

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="nav-collapse collapse">                 
                <ul class="nav">
                    <li><a href="#">THREE</a></li>
                    <li><a href="#">LEFT</a></li>
                    <li><a href="#">ITEMS</a></li>
                </ul>                
                <ul class="nav pull-right">
                    <li><a href="#">RIGHT</a></li>
                    <li><a href="#">ITEMS</a></li>
                </ul>
            </div>
       </div>
    </div>
</div>

链接到bootply：http://bootply.com/69056

把一些东西放在导航栏的右边（引导程序）

1 个答案: