Question

我正在尝试在<li>标记中嵌入glyphicon-ok。以前我尝试在nav-tabs.nav-justified > li中添加内容字段;但这并没有帮助：

<html>
    <head>
    <meta charset="utf-8" />
    <script type="text/javascript" src="~/Scripts/jquery-2.1.1.js"></script>
    <script type="text/javascript" src="~/Scripts/bootstrap.js"></script>
    <link rel="stylesheet" href="~/Content/bootstrap.css" />
    <title>Index</title>
</head>
<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span3 left_menu">
                <ul class="nav nav-tabs nav-justified" role="tablist">
                    <li><a href="#">Home</a>                        
                        <i class="glyphicon glyphicon-ok"></i>
                    </li>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Home</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>

图标即将到来，但我希望在此图标前后有彩色背景。有什么指针吗？

或者有没有办法在<li>代码中添加内容？

enter image description here

New Image

在li中嵌入glyphicon-ok

0 个答案: