Bootstrap nav component



https://i.ytimg.com/vi/vom5dZKCBeM/hqdefault.jpg



Tags
bootstrap nav tabs example
bootstrap nav tabs dropdown
bootstrap nav pills dropdown example
bootstrap navigation tab example
bootstrap nav pills example
bootstrap nav tabs icon
bootstrap nav-pills icons
bootstrap stacked nav pills
bootstrap justified nav-pills
bootstrap justified nav tabs example
bootstrap disable nav pills
bootstrap disable nav tab
bootstrap disable nav item

In this video we will discuss bootstrap nav component with examples.

Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspot.com/2016/07/bootstrap-nav-component.html

Link for all dot net and sql server video tutorial playlists
https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1

Original source


13 responses to “Bootstrap nav component”

  1. My glyphicons not working, can anyonyone tell me whats the problem? tnx

    <!DOCTYPE html>

    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!– The above 3 meta tags must come first in the head; any other head content must come after these tags –>
    <title>Index</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/mystyle.css" rel="stylesheet">

    </head>
    <body>
    <div class="container">
    <div class="row">
    <div class="col-md-2">
    <div class="customdiv">
    <a href="#"><h1 class="text-primary">Indielearn</h1></a>
    </div>
    </div>
    <div class="col-md-10">
    <div class="mymenu">
    <ul class="nav navbar">
    <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a><li>
    <li><a href="#"><span class="glyphicon glyphicon-camera"></span> My Work</a></li>
    <li><a href="#"><span class="glyphicon glyphicon-user"></span> About</a></li>
    <li><a href="#"><span class="glyphicon glyphicon-earphone"></span> Contact</a></li>
    </ul>
    </div>
    </div>
    </div>
    </div>

    <!– jQuery (necessary for Bootstrap's JavaScript plugins) –>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!– Include all compiled plugins (below), or include individual files as needed –>
    <script src="js/bootstrap.min.js"></script>
    </body>
    </html>

  2. I am sorry sir my question is not a part of this course but this is your latest lecture so i am asking this
    can we stop zooming in and zooming out of web pages in any browser using jQuery/JS ???? waiting for your response dear sir

Leave a Reply