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

fixed bootstrap navbar

<nav class="navbar fixed-top navbar-light bg-light">
  <a class="navbar-brand" href="#">Fixed top</a>
</nav>
Comment

bootstrap navbar fixed top

<section id="headnev" class="navbar navbar-fixed-top">  
Comment

how to fix navbar in bootstrap

<nav className="fixed-top">
Comment

PREVIOUS NEXT
Code Example
Html :: Translate Text html in magento 2 
Html :: translate html text in magento 2 
Html :: iframe attributes 
Html :: how to hide image in html 
Html :: html bold text 
Html :: html span title tooltip 
Html :: button float right 
Html :: svg icon not showing html 
Html :: Description For Page html 
Html :: website code example for html 
Html :: how to disable li tag in html 
Html :: bootstrap 5 input group 
Html :: vue transition v-if else 
Html :: v-select key 
Html :: get city from location html 
Html :: bulma css buttons 
Html :: how to turn html5 picturee into link 
Html :: link html 
Html :: html table span 2 rows 
Html :: to centre each content in html 
Html :: bootstrap 5 accordion 
Html :: html table row span 
Html :: how to make element bold in bootstrap 4 
Html :: html repeating video 
Html :: show spinner during API request pure html and jquery 
Html :: how to add double space in html 
Html :: favicon.ico html 
Html :: <p tag html 
Html :: hide navbar bootstrap 5 
Html :: sub html 
ADD CONTENT
Topic
Content
Source link
Name
9+9 =