Skip to content
This repository has been archived by the owner on Feb 1, 2022. It is now read-only.

E039

Jump to bottom
Chris Rebert edited this page Feb 21, 2015 · 1 revision

E039

.navbar-left and .navbar-right should not be used outside of navbars.

The .navbar-left and .navbar-right alignment classes should only be used within navbars (.navbar), since this is their express purpose. Using them outside of a navbar is nonsensical.

Wrong:

<body>
  <div class="navbar-left">
    ...
  </div>
</body>

Right:

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-42">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Brand</a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-42">
      <p class="navbar-text navbar-right">Signed in as Mark Otto</p>
    </div>
  </div>
</nav>

Bootlint documentation wiki content is licensed under the CC BY 3.0 License, and based on Bootstrap's docs which are copyright Twitter, Inc.

Clone this wiki locally