Bootstrap navbar component

24
57



Tags
bootstrap navbar examples
bootstrap 3 navbar examples
bootstrap navbar hiding content
bootstrap fixed navbar hides content
bootstrap navbar-fixed-top hides content
bootstrap navbar covers content
bootstrap navigation bar hides content
bootstrap navbar bottom hides content
bootstrap navbar inverted
bootstrap navbar-fixed-bottom overlapping content
bootstrap navigation bar padding
bootstrap navigation bar center

Bootstrap navbar component is useful for creating responsive navigation header for a website. By responsive, we mean that the navbar is collapsed on small screen size devices like mobile phones. When the toggle button is clicked the navbar expands. However, on large screen devices like laptops and desktops, where we have enough room to display the entire navbar, it appears normal.

Link for slides, code samples and text version of the video

Link for all dot net and sql server video tutorial playlists

Nguồn:https://quydinh.com/

24 COMMENTS

  1. Sir I love to watch your video, you make me understand the concept with your simple language and easy examples with less coding 🙂 but I got a problem here I did exaclty the same thing to create a toggle menu but my toggle button is not expanding the list elements when clicking. do I have to link any other file also along with bootstrap.min.css ? please help I will be waiting for your answer. and thanks for making learning fun..:)

  2. For all those whose toggle buttonis not working add these to your head tag
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

  3. The button doestn't work for me. I have the exact code and can't figure it out. I already tried the proposal of
    <nav class="navbar navbar-default">
    <div class="container">
    proposed in the comment.

    Help please.

LEAVE A REPLY

Please enter your comment!
Please enter your name here