Панель навигации с Bootstrap

Question

Я хочу сделать «цвет блока» на моей панели навигации с помощью бутстрапа. как это:

я использовал нав-таблетки для этого. но я ничего не получил. цвет блока не отображается. Это мой код:

<nav class="navbar navbar-default"> 
 
    <div class="container-fluid"> 
 
     <ul class="nav nav-pills"> 
 
     <li><a href="<?php echo base_url(); ?>home">Home</a></li> 
 
     <li><a href="<?php echo base_url(); ?>paketsatu">Service</a></li> 
 
\t \t <li><a href="<?php echo base_url(); ?>gallery">Gallery</a></li> 
 
     <li><a href="<?php echo base_url(); ?>contact">Contact</a></li> 
 
     <li><a href="<?php echo base_url(); ?>profile">About us</a></li> 
 
     </ul> 
 
    </div> 
 
</nav>

Answer 1

Используйте следующий CSS

.navbar.navbar-default {overflow: hidden; padding: 10px; background-color: #fff; border: 0;}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /> 
 
<nav class="navbar navbar-default"> 
 
    <div class="container-fluid"> 
 
    <ul class="nav nav-pills"> 
 
     <li><a href="<?php echo base_url(); ?>home">Home</a></li> 
 
     <li><a href="<?php echo base_url(); ?>paketsatu">Service</a></li> 
 
     <li><a href="<?php echo base_url(); ?>gallery">Gallery</a></li> 
 
     <li><a href="<?php echo base_url(); ?>contact">Contact</a></li> 
 
     <li><a href="<?php echo base_url(); ?>profile">About us</a></li> 
 
    </ul> 
 
    </div> 
 
</nav>

Answer 2

Используйте navbar-nav вместо СЧА таблетки