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;
    }

Bootstrap：在django下的导航栏中间距

1 个答案: