Nav-Tabs can be really useful especially for content-crowded web sites or in that project where large number of interlinked pages to it. By using nav-tab in html a user can save plenty of space just by placing your block of content in tabs and displaying one block at a time in the same place, This will give a perfect look and save users time. The content that you break-up in tabs, should be relevant for third person. Following are the line of code for horizontal navbar.

 
<div class="navlinks">
                  <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation"><a href="#today" aria-controls="today" role="tab" data-toggle="tab">Today</a></li>
                    <li role="presentation"><a href="#day" aria-controls="day" role="tab" data-toggle="tab">Day</a></li>
                    <li role="presentation"  class="active"><a href="#week" aria-controls="week" role="tab" data-toggle="tab">Week</a></li>
                    <li role="presentation"><a href="#month" aria-controls="month" role="tab" data-toggle="tab">Month</a></li>
                    <i class="fa fa-th-large"></i>
                    <i class="fa fa-th active"></i>
                    <i class="fa fa-th"></i>
                </ul>
              </div>