使用引導程序的導航欄

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代替導航藥丸