• Wednesday , 16 October 2019

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

Code Canyon
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

3d Ocean

Related Posts

33 Comments

  1. Shahmir Nazir
    September 17, 2019 at 15:34

    AOA.sir itni sare classes yad kaise rakhi jaen?

  2. mughal umar
    September 17, 2019 at 15:34

    data togle wrok nai kr rahan hai

  3. test shah
    September 17, 2019 at 15:34

    can any one help me navbar-default is not working

  4. lavkush upadhyay
    September 17, 2019 at 15:34

    sir meri dropdown mene ka background color black aa rha h
    mene same aap ki coding ko likha h
    mujhe background color remove krna h
    please help

  5. Pankaj Gupta success
    September 17, 2019 at 15:34

    sir i am responsive menu mobile open menu is a ,home ,about ,…………… text blanck

  6. Akshay Kadam
    September 17, 2019 at 15:34

    Sir agar hamko search text box or button add kar na ho to??????

  7. Pankaj Bani
    September 17, 2019 at 15:34

    thanks sir best explanation

  8. Ranjana verma
    September 17, 2019 at 15:34

    Ul>li.5>a eska kya fanda hai sir

  9. watitoshi imsong
    September 17, 2019 at 15:34

    Sabardas explain karta hai wow, psychology paar liya hai kya sir very good..

  10. Walter Kandulna
    September 17, 2019 at 15:34

    Thanks sir……………you explained very nicely…………

  11. Umer Rajpoot
    September 17, 2019 at 15:34

    thanks its working fine

  12. subham kumar shah
    September 17, 2019 at 15:34

    same code use hogi bootstrap 4 k liye v?

  13. subham kumar shah
    September 17, 2019 at 15:34

    great lesson sir cn u please say how will the menu get toggle from left side in the responsive screen, here as the menu is being toggle from top-down and can we have other design toggle buttons ? waiting for ur reply..

  14. faisal rauf pitafi
    September 17, 2019 at 15:34

    Great Ustad g Great

  15. ashu yadav
    September 17, 2019 at 15:34

    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

  16. ashu yadav
    September 17, 2019 at 15:34

    sir give me ur email id i will send u code and also not gatting how to apply hover

  17. ashu yadav
    September 17, 2019 at 15:34

    all is fine but button is not working

  18. ashu yadav
    September 17, 2019 at 15:34

    hi sir its not working… can you let me knw wich all library file including.. and in bottom u include two files how we get thos files
    ..last to files are import or no?

  19. Waqar Ahmad
    September 17, 2019 at 15:34

    bai ye btao isi nav bar ko agar horizontal may rakhna hay to phr kesay ho ga

  20. Zulqarnain Haider
    September 17, 2019 at 15:34

    ul>5*li likhty hai to pura code ajata hai plzzzzzzzzzz bta dy

  21. Zulqarnain Haider
    September 17, 2019 at 15:34

    sir muje bs 1 question puchna hy ap jo shotcuts keys use krty hai jese .container tu pura div ajata hy plzzzz muje ye detail me bta dy plzzzzzzzzzzzzzzz

  22. ranjeet choudhary
    September 17, 2019 at 15:34

    sir , how can we make responsive and collapse of topbar

  23. Uday Pawar
    September 17, 2019 at 15:34

    Nice video.

  24. azhar hussain
    September 17, 2019 at 15:34

    rishab bro
    col-sm-12
    use kia ma ne r isse collapseable bana raha hn ye work ni kar raha ,button show hojata uss ma bar b ati hen par button work q ni kar .guid me thanks

  25. Marry's kitchen
    September 17, 2019 at 15:34

    hello sir mai ne collapse r dropdown bnaya h per yeh khul nhi rha code ki b koi mistake nhi h

  26. muhammad zohaib
    September 17, 2019 at 15:34

    nice tutorials bro:: but maghar jab hum koo navigation main apni scc kasay include karay gay button color change etc..

  27. RAHUL KUMAR PAL
    September 17, 2019 at 15:34

    how to styling in bootstrap

  28. Web Design Layout
    September 17, 2019 at 15:34

    Hello Sir
    Sir hum nav bar ko customize kar kay us kay hover ka color keysey change kare gey …??
    please inform sir

  29. rana ansar
    September 17, 2019 at 15:34

    sir navbar wese to work kar rha hai but collpase nh ho rha jesa website mai hota hai

    iconbar work nh kar rha hai so tell me. wht i do ?

  30. Md Ibrahim Koshik
    September 17, 2019 at 15:34

    thanks bro.. for nicely discuss

  31. Navpreet singh
    September 17, 2019 at 15:34

    what is sass

  32. kaleem ullah
    September 17, 2019 at 15:34

    Nice tutorial , pls add theme development tutorial with detail of css

  33. Paul Hacker
    September 17, 2019 at 15:34

    sir kon sa screen recorder use krte ho please tell me

Leave A Comment

You must be logged in to post a comment.