html - 全宽导航栏 Logo Bootstrap

Question

我正在尝试制作一个全长的导航栏 Logo ，其下方的链接向右对齐，如下所示:

如果可能的话，我希望彩虹线向左和向右延伸，实际的标志稍微居中/固定。然而，我真的很讨厌 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>

网站.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>