Search
 
SCRIPT & CODE EXAMPLE
 

HTML

NavBar Bootstrap v4 Fix

<nav class="navbar navbar-expand-sm navbar-dark fixed-top bg-dark">
  <div class="container">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    </button>
    <a class="navbar-brand" href="/">Application name</a>
    <div class="navbar-collapse collapse" id="navbarSupportedContent">
      <ul class="nav navbar-nav mr-auto">
        <li class="nav-item"><a href="/" class="nav-link">Home</a></li>
        <li class="nav-item"><a href="/Home/About" class="nav-link">About</a></li>
        <li class="nav-item"><a href="/Home/Contact" class="nav-link">Contact</a></li>
      </ul>

      <ul class="nav navbar-nav navbar-right mr-auto">
        <li class="nav-item"><a href="/Account/Register" id="registerLink" class="nav-link">Register</a></li>
        <li class="nav-item"><a href="/Account/Login" id="loginLink" class="nav-link">Log in</a></li>
      </ul>

    </div>
  </div>
</nav>
Comment

how to fix navbar in bootstrap

<nav className="fixed-top">
Comment

PREVIOUS NEXT
Code Example
Html :: remove scroll from a page 
Html :: how to change the logo in the title of a webpage 
Html :: html display only on mobile 
Html :: bootstrap 5 justify content 
Html :: youtube video image 
Html :: icons burger css font awesome 
Html :: html get redirect to another page on load 
Html :: bootstrap 5 align middle 
Html :: password field odoo 
Html :: how to comment out html 
Html :: html pi 
Html :: image src on error 
Html :: event.preventdefault() in angular 
Html :: gradient on top of image css 
Html :: meta description 
Html :: youtube embed autoplay 
Html :: django jinja extract elements from form object 
Html :: markdown collapsible list 
Html :: This request has been blocked; the content must be served over HTTPS. 
Html :: slider is flashing when change background image 
Html :: iframe 100 responsive 
Html :: bootstrap 5 dropdown 
Html :: how to put something on the bottom right corner in html 
Html :: nuxt input image base64 
Html :: load popper in html 
Html :: how to set an element affected by tab 
Html :: json placeholder 
Html :: html iframe tag 
Html :: html not showing 
Html :: jumbotron bootstrap 
ADD CONTENT
Topic
Content
Source link
Name
6+9 =