Twitter bootstrap 3 引导3导航样式

我无法在1024分辨率及以上的菜单链接后面添加100%的蓝色条带？怎么补充呢？请告知

现在，如果我使用css添加bg颜色，它也会覆盖我不想要的徽标。蓝色条纹应该正好位于菜单的徽标下方。请帮忙

多谢各位 莫妮卡

移除整个navbar品牌代码块，并将其粘贴在navbar div上方：

<a href="yourlink.html" class="navbar-brand center-block">
<img src="http://idea66.com/mobile/images/logo.png" alt="company name"></a>

从a href中删除class=navbar品牌中心块

<a href="yourlink.html">
<img src="http://idea66.com/mobile/images/logo.png" alt="company name"></a>

将class=中间块添加到带有您的徽标的img标签上不要使用navbar品牌

<a href="yourlink.html">
<img src="http://idea66.com/mobile/images/logo.png" class="center-block" alt="company name"></a>

应该是这样的：

    <a href="yourlink.html">
    <img src="http://idea66.com/mobile/images/logo.png" class="center-block" alt="company name"></a>

   <div class="navbar navbar-default navbar-static-top myNavBar" role="navigation">

然后您可以使用蓝色背景设置.myNavBar的样式

要对徽标执行所需操作，您需要有两个徽标实例并使用引导响应实用程序：

基本上，您可以通过在类中添加隐藏的X来隐藏nav上方的徽标（当徽标缩小到移动大小时）：

<a href="index.htm">
<img src="images/DECSTARLogo.png" style="width:30%" class="img-responsive center-block hidden-xs" alt="company name"></a>

然后使用隐藏lg隐藏md隐藏sm将另一个徽标实例添加回导航：

<div class="navbar navbar-default navbar-static-top myNavBar" role="navigation">
<div class="container">

<a href="yourlink.html" class="navbar-brand hidden-lg hidden-md hidden-sm">
<img src="http://idea66.com/mobile/images/logo.png" alt="company name"></a>

---

但如果我这样做，我的标志形象就不会参加img响应课程。如果我把它拿出来，它就不会重新调整尺寸，而且在小屏幕上，徽标是隐藏的。请说明原因？可折叠菜单并没有以较低的分辨率浮动到徽标的右侧，我在您的URL上挂起了一个帐户-只是我吗？