First to know how to use nav bar, the best place is not bootstrap website, it is w3schools.com:
you can change the code and try them and run your changes.
It mainly has two styles of nav bar: black and light gray:
All of them have screen fitting ability: which means they are mobile friendly solutions.
Without the collapse feature. As you can see if your application is visited by a smaller screen, all links will be listed in a above style. If your links do't have an icon, your webpage looks fine, but if it has icon, that looks bad!
I got a solution to display them in the middle, like this:
The code is:
<nav class="navbar ">
<div class="container-fluid navbar-default">
<ul class="nav navbar-nav">
<li><a href="" ng-click="pagebackToHome()">Home</a></li>
<ul class="nav navbar-nav navbar-right">
<li><a href="" ng-click="pageback()"><span class="glyphicon glyphicon-chevron-left"></span> Back</a></li>
<li><a href="" class="btn"><span class="glyphicon glyphicon-print"></span> Print</a></li>
class="btn" is the key thing,