How do I build a menu in Wordpress with Bootstrap styles?

How can build a menu in Wordpress with Bootstrap 3 styles?

I would specifically like to use the .nav-pills class. http://getbootstrap.com/components/#nav

I have a simple 5 page menu. (As shown below) /// <!--Navbar --> <div class="container"> <header class="page-header"> <ul class="nav nav-pills pull-right"> <li class="active"><a href="front-page.php">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="projects.php">Projects</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="home.php">Blog</a></li> </ul> <h3>Heading 3</h3> </header> <h1>Heading 1</h1> </div><!--End Navbar --> </div> ///

I am using the following tutorials: (1) How to build a Wordpress theme. (2) Frameworks Basics (3) How to Build a Responsive WordPress Theme with Bootstrap (found on blog.teamtreehouse.com

But none of the tutorials address this specific idea.

Please help.

I currently have built 2 menus basically independently of each other. One that is unstyled with Wordpress. And the other a static copy based off the Frameworks Basics tutorial.

How what is the proper procedure? I would like the final product to be styled as navpills similar to the final bootstrap website in Frameworks Basics but yet the site to be a working wordpress site as well.

Please advise

Guil Hernandez Zac Gordon