Django 引导导航条均匀间距
我不知道如何在导航栏中设置均匀间距: 文章和用户档案之间的差距比用户档案和管理员之间的差距更大 与用户Profil和Admin相比,Admin和DB之间的差距更大 我的代码是:Django 引导导航条均匀间距,django,twitter-bootstrap,navbar,Django,Twitter Bootstrap,Navbar,我不知道如何在导航栏中设置均匀间距: 文章和用户档案之间的差距比用户档案和管理员之间的差距更大 与用户Profil和Admin相比,Admin和DB之间的差距更大 我的代码是: <li class="blog-nav-item"> <a class="blog-nav-item" href="#" class="blog-nav-item active" data-toggle="dropdown" role="button" aria-expanded="f
<li class="blog-nav-item">
<a class="blog-nav-item" href="#" class="blog-nav-item active" data-toggle="dropdown" role="button" aria-expanded="false">Articles<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="/articles/create">All</a></li>
<li><a href="/articles/create">Create New</a></li>
</ul>
</li>
<a class="blog-nav-item" href="/accounts/profil/">User Profil</a></li>
<a class="blog-nav-item" href="/admin/">Admin</a></li>
<li class="blog-nav-item">
<a href="#" class="blog-nav-item" data-toggle="dropdown" role="button" aria-expanded="false">DB<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="/articles/api/article/?format=json">DB: JSON</a></li>
<li><a href="/articles/api/article/?format=xml">DB: XML</a></li>
</ul>
</li>
这是因为默认情况下,简单列表元素和下拉菜单的边距不同
通过以下方式覆盖设置:
.blog-nav-item > a{
margin-right:10px;
}
.blog-nav-item > .dropdown-menu{
margin-right:10px;
}
将这些类添加到css将有帮助我不确定应该将其放置在哪里:blog.css还是bootstrap.min.css?我认为我应该把它放在blog.css中,我已经尝试过了,但它没有改变任何东西。你需要在文件的开头包含blog.css。另外,添加文本对齐也很有意义:居中;到.blog nav item class.ok,我已经创建了一个新的css文件:test.css,我在其中放置了您的代码。我也将其包含在index.html文件中。如果修改第二个像素值,则不会有任何更改。如果修改第一个像素值,我可以看到更改。尽管如此,这一变化使得文章和用户档案之间的差距变大或变小,这取决于价值(价值-5px越小,价值+15px越大)。我认为这不是改变现状的正确方式。