[basetemplates] Fix the main template global header/nav bar (closes #4881614)

The core of this patch is to have the following layout ::

  <nav class="navbar">
    <div class="container">
      <div class="navbar-header">
        [header-logo components]
      </div>
      <div class="collapse navbar-collapse>
        <div class="nav navbar-nav">
          [header-left components]
        </div>
        <div class="nav navbar-nav navbar-right">
          [header-right components]
        </div>
      </div>
    </div>
  </nav>