Django 引导导航条均匀间距

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

我不知道如何在导航栏中设置均匀间距:

文章和用户档案之间的差距比用户档案和管理员之间的差距更大

与用户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="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越大)。我认为这不是改变现状的正确方式。