Html 全宽导航栏徽标引导

我正在尝试制作一个全长的navbar徽标，其下方有链接，这些链接向右对齐，如下所示：

如果可能的话，我希望彩虹线向左和向右延伸，并且实际的徽标在一定程度上居中/固定。但是我真的很讨厌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>

---

尝试使用容器流体而不是容器流体。这将设置全屏幕宽度

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

...

请在导航栏标题内这样写导航栏品牌

你可以试试我做的这款起动器：我相信

必须在导航栏标题上方

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

    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>