Bootstrap Tutorials in Hindi/urdu – 10 – How to create responsive menu in Bootstrap



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



For all my tutorials go to: http://websofttutorials.com/

In this tutorial I will teach you how to create responsive menu in bootstrap. we will create this responsive menu using navbar class. We will also add dropdown menu with responsive menu

Original source


33 responses to “Bootstrap Tutorials in Hindi/urdu – 10 – How to create responsive menu in Bootstrap”

  1. why button is not working plz helped me

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Bootstrap Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script&gt;
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script&gt;
    </head>
    <body>

    <div class="container">
    <div class="row">
    <nav class="navbar navbar-inverse">
    <div class="container">
    <div class="navbar-header">
    <a href="#" class="navbar-brand">web</a>
    <button type="button" class="navbar-toggle" data-toggle="collapse " data-target="#mynavs">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>

    </button>
    </div>
    <div class="collapse navbar-collapse" id="mynavs">

    <ul class="nav navbar-nav">
    <li><a href="index.php">Home</a></li>
    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Our Firm <span class="caret"></span></a>
    <ul class="dropdown-menu">
    <li><a href="About.php">About Us</a></li>
    <li><a href="why.php">Why abc</a></li>
    <li><a href="careers.php">Careers At abc</a></li>
    <li><a href="Groupcompa.php"> Company</a></li>
    <li><a href="team.php">Our Team</a></li>
    </ul>
    </li>
    </ul>
    </div>
    </div>
    </nav></div></div>
    </body>
    </html

Leave a Reply