Saturday, July 11, 2015

Bootstrap Tutorial For Beginners 4 - Creating Responsive Navbar with Dro...






<!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>Bootstrap 101 Template</title>
      <!-- Bootstrap -->
      <link href="css/bootstrap.min.css" rel="stylesheet">
   </head>
   <body>
      <nav class="navbar navbar-default navbar-fixed-top">
         <div class="container">
            <button type="button" class="navbar-toggle" 
               data-toggle="collapse"
               data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="www.ProgrammingKnowledge.org">ProgrammingKnowledge</a>
            <div class="navbar-collapse collapse">
               <ul class="nav navbar-nav navbar-right">
                  <li class="active"><a href="#" > Home </a></li>
                  <li><a href="#">About</a></li>
                  <li class="dropdown">
                     <a href="#" class="dropdown-toggle" 
                        data-toggle="dropdown">
                        Learn <b 
                           class="caret"></b>
                        <ul class="dropdown-menu">
                           <li class="dropdown-header">Examples</li>
                           <li>
                     <a href="#">C++</a></li>
                     <li><a href="#">Java</a></li>
                     <li class="divider"></li>
                     <li class="dropdown-header">Tutorials</li>
                     <li><a href="#">C++</a></li>
                     <li><a href="#">Java</a></li>
                     </ul>
                  </li>
               </ul>
            </div>
         </div>
      </nav>
      <!-- jQuery (necessary for Bootstrap's JavaScript 
         plugins) -->
      <script src="
         https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery
         .min.js"></script>
      <!-- Include all compiled plugins (below), or include 
         individual files as needed -->
      <script src="js/bootstrap.min.js"></script>
   </body>
</html>
















Searches related to Responsive Navbar with Dropdown Menus
bootstrap responsive navbar dropdown
bootstrap responsive navbar dropdown not working
bootstrap navbar dropdown submenu
bootstrap navbar dropdown hover
navbar drop down menu
navbar drop down menu html
responsive drop down navigation menu free download
responsive navigation menu css

Partner Sites

VideoToGifs.com

EasyOnlineConverter.com

SqliteTutorials.com


Stuff I use to make videos

Windows notebook - http://amzn.to/2ADOPrW

Apple MacBook Pro - http://amzn.to/2AC0WG2

Microphone - http://amzn.to/2AC1kV0

notebook mouse - http://amzn.to/2BmeZ2d