W012 - Herst/bootlint-ng GitHub Wiki

Note: Below is the original page from the Bootlint documentation, some of the info here might not apply to Bootlint-NG!

W012

.navbar's first child element should always be either .container or .container-fluid

For proper padding and to properly support usage of the grid system within the navbar, everything within a .navbar should typically be within a container, either fluid (.container-fluid) or non-fluid (.container).

Wrong:

<div class="navbar navbar-default">
  <div class="navbar-header">...</div>
  <div class="navbar-collapse collapse">...</div>
</div>

Right:

<div class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">...</div>
    <div class="navbar-collapse collapse">...</div>
  </div>
</div>

Also Right:

<div class="navbar navbar-default">
  <div class="container">
    <div class="navbar-header">...</div>
    <div class="navbar-collapse collapse">...</div>
  </div>
</div>

Bootlint-NG documentation wiki content is licensed under the CC BY 3.0 License, and based on Bootstrap's docs which are copyright Twitter, Inc. For the original Bootlint documentation this is a fork of, see https://github.com/twbs/bootlint/wiki.

⚠️ **GitHub.com Fallback** ⚠️