将Glyphicons放在Bootstrap3中的导航栏项目前面?

时间:2014-05-29 10:07:34

标签: css twitter-bootstrap glyphicons

我有一个包含一些项目的导航栏。我想把一些Glyphicons放在这些项目的前面。这是一种方法吗?我试过了 。但是调整开始了,我不知道解决问题的方法。 CSS似乎也无济于事。我在这里发布了我的导航栏编码。帮助我。

<div class ="navbar navbar-inverse">
        <div class="container">


            <a href="/pos/system/main/" class="navbar-brand"> POS Admin Panel </a>

            <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="nav navbar-nav navbar-right">
                    <li> </i> <div  id="txt" style="color:#ffffff; padding-top:16px; padding-right:10px; padding-left:10px;"> </div> </li>
                    <li class="active"> <a href ="/pos/system/main/">Home</a> </li>
                    <li><a href ="/pos/system/main/">Itme2</a> </li>
                    <li><a href ="/pos/system/main/">Itme3</a> </li>
                    <li><a href ="/pos/system/main/">Itme4</a> </li>

                </ul>

            </div>
        </div>
    </div>

感谢。

1 个答案:

答案 0 :(得分:0)

我已经把你的代码放在Bootply上,这对你有用吗? http://www.bootply.com/A3JqV0m5qd