django - bootstrap navbar even spacing -


i not know how set spacing in navbar:

there bigger gap between articles , user profil user profil , admin.

there bigger gap between admin , db user profil , admin.

enter image description here

my code is:

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

that because, default, there different margin spacing simple list element , drop down menu.

override settings by:

.blog-nav-item > a{     margin-right:10px; } .blog-nav-item > .dropdown-menu{     margin-right:10px; } 

adding these classes css help


Comments

Popular posts from this blog

angularjs - ADAL JS Angular- WebAPI add a new role claim to the token -

php - CakePHP HttpSockets send array of paramms -

node.js - Using Node without global install -