使用引导程序的导航栏

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代替导航药丸