html - Bootstrap：django下导航栏中的间距

Question

我正在尝试在 Bootstrap 中做一个导航栏：

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
                <ul class="nav">
                    <li class="navbar-text">
                        {{ object }}
                    </li>
                    <li></li>
                    <li class="navbar-text">
                        {{ object2 }}
                    </li>
                    <li></li>
                    <li class="navbar-text">
                        {{ object3 }}
                    </li>
                    <li></li>
                    <li class="navbar-text">
                        {{ object4 }}
                    </li>
                </ul>
    </div>
</div>

但是当它渲染时，它会将导航栏中的所有对象相互推挤。我如何强制它们之间的间距？

Answer 1

.navbar .nav > li > a {
color: #777777;
float: none;
padding: 10px 15px;/* this the one which enforces space between each link*/
text-decoration: none;
text-shadow: 0 1px 0 #FFFFFF;
}

请检查我给你的上面的代码..引导 css 必须让这些行检查它们以查看它们是否被更改。

或者您可以在所有引导 css 文件之后创建一个新样式表，并覆盖任何其他影响相同的 css 规则。

关于缩进

    .navbar .nav > li > a:hover
     {
    text-indent:100px;
    }