Navigation Bar with Bootstrap

i wanna make "block color" on my navigationbar with bootstrap. like this :

i used nav-pills for that. but i got nothing. block color is not showing. This is my code :

<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>