Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • How to make nav tabs using html code

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 198
    Comment on it

    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>

     

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: