css - 在 Bootstrap 3 中将 Glyphicons 放在导航栏元素的前面？

Question

我有一个带有一些元素的导航栏。我想在这些元素前面放一些 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>

谢谢。

Answer 1

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