2

I'm using bootstrap 4 and want to create a nabvar with text links that is always expanded. Is this possible? I've tried the code below based on the official docs but it creates a vertical list under the title rather than horizontal.

<nav class="navbar navbar-expand navbar-dark bg-primary">
    <span class="navbar-brand h1 text-white">Title</span>
    <div class="navbar-nav">
        <a class="nav-item nav-link text-white" href="#">Home</a>
        <a class="nav-item nav-link text-white" href="#">Features</a>
        <a class="nav-item nav-link text-white" href="#">Pricing</a>
    </div>
    </div>
</nav>
offtheradar
  • 45
  • 1
  • 8
  • Make sure you're using 4.0.0 - this code works: https://www.codeply.com/go/BDJtalDAWh – Zim Mar 17 '18 at 21:49
  • Thanks for that- I just upgraded from alpha 6 to v4.0.0 and it's still not working on my site with Chrome 64.0. Firefox it looks correct. – offtheradar Mar 17 '18 at 22:16
  • Older bootstrap css was cached. 2 hrs wasted trying to figure this out :/ Thanks for your help! – offtheradar Mar 17 '18 at 22:31

0 Answers0