全寬導航欄徽標Bootstrap

Question

我正在嘗試制作一個完整的導航欄徽標，在其下方的鏈接是正確的，如下所示：

如果可能的話，我希望彩虹線向左和向右延伸，並且實際徽標應稍微居中/固定。 但是我真的很討厭CSS（我什至無法正確調整大小），但它的長度不完整，並覆蓋了頁面的其余部分，如下所示：

_布局：

<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">
  ...