Bootstrap: Разнос в навигационной панели под Джанго

Question

Я пытаюсь сделать Navbar в 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; 
    }