Как увеличить пространство между nav-таблеток bootsrap?

Question

мои навигационные таблетки закрываются, и я хочу, чтобы они были распространены, каким-либо образом я могу изменить шрифт и размер шрифта, а?

<div id = "page"> 
     <ul class="nav nav-pills" role="tablist"> 
     <li role="presentation" class="active"><a href="#">Home</a></li> 
     <li role="presentation"><a href="#">Profile</a></li> 
     <li role="presentation"><a href="#">Messages</a></li> 
     <li role="presentation"><a href="#">Profile</a></li> 
     <li role="presentation"><a href="#">Messages</a></li> 
    </ul> 

    <div> 

Answer 1

Просто создайте новый файл CSS и связать его в HTML. Затем написать этот код в нем:

.nav-pills li { 
    margin-left: 5px; //use whatever you want 
} 

.nav-pills a { 
    //use font-family and font-size to change font and size of it. 
} 

Просто помните, чтобы связать этот новый файл CSS после начальной загрузки, так что это будет перезаписать.

Answer 2

вы можете настроить границы между каждой Li подобное:

.nav-pills>li+li { 
    margin-left: 10px; // 2px by default 
} 

Answer 3

Это сделало бы, просто замените ??? с номером по вашему выбору.

.nav-pills > li > a { margin-left:??px;margin-right:??px; }