全宽导航栏徽标Bootstrap

Question

我正在尝试制作一个带有链接的全长导航栏徽标，这些徽标在右侧是合理的，如下所示：

如果可能的话，我希望彩虹线左右延伸，实际的标识有点居中/固定。但是我真的很喜欢CSS（我甚至无法正确调整大小），并且它不是全长并且覆盖了页面的其余部分，如下所示：

_layout：

<div class="navbar navbar-fixed-top">
    <div class="container">
        <div class="navbar-header navbar-brand">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>

的site.css：

.navbar-brand {
    height: 120px;
    margin: auto;
    width: 100%;
    padding: 0px; /* firefox bug fix */
    background-image: url('Site/Header_FeinTune-logo-banner.png');
    background-repeat: no-repeat;
}

Answer 1

    Please write navbar-brand like this inside of navbar-header
<div class="container-fluid">   
 <div class="navbar-header">
          <a class="navbar-brand" href="#"></a>
        </div>
</div>

Answer 2

尝试使用容器 - 液体而不是容器。这将设置一个全屏宽度。

<div class="navbar navbar-fixed-top">
  <div class="container-fluid">
  ...