Prev Demo
Bootstrap
>
Nav Pills
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script><body > <style type="text/css"> #pub{ padding:50px 100px 50px 50px; } </style> </head> <body id="pub"> <ul class="nav nav-pills nav-pills "> <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li> <li><a href="#"><span class="glyphicon glyphicon-film"></span> Gallery</a></li> <li><a href="#"><span class="glyphicon glyphicon-bookmark"></span> BookMarks</a></li> <li><a href="#"><span class="glyphicon glyphicon-globe"></span> Notifications</a></li> <li><a href="#"><span class="glyphicon glyphicon-tags"></span> Tags</a></li> <li><a href="#"><span class="glyphicon glyphicon-cog"></span> Settings</a></li> </ul> </body>
Note: We DO NOT save your trial code in our database.
Output
