Question

我的导航栏不打球。差不多了，但是我有两个我似乎无法解决的问题。

1）滚动页面时，导航栏是透明的。我在顶部添加了一些间距填充，但看不到为什么它是透明的。我的CSS中没有不透明度设置！

2）我的徽标与navbar-brand对齐到了右侧，但是无论我用CSS做什么，我似乎都无法更改文本的颜色，大小或类型。

3）我也在努力使背景图像充满整个页面。我已经尝试过各种方法使其适合自己，但不适合。

有人可以帮助解决我的问题吗？我暂时托管了索引页面，因为我在其余的CSS中感觉有些东西弄乱了我的导航栏！

这是链接... http://www.wisbechinlinespeed.co.uk/index-new.htm

我已经搜索了问题并尝试了大多数建议，但似乎没有任何效果。

yum reinstall ca-certificates

1）透明导航栏，但我希望它是＃F9F3DB 2）navbar品牌的CSS不会更改文本类型，我想更改颜色，字体类型和大小 3）整个页面的背景图像没有填满页面。我希望它恰好适合底部。

Answer 1

1）对于第一个问题，解决方案是删除div容器，行容器和菜单区域。我不知道是否需要它们，但是在许多引导程序示例中，仅包含nav标签。例如：

<!--Navigation Bar-->
<nav>
    <div>
        <img>
        <div>
            <a><!--Here put the logo image or text--></a>
        </div>
        <ul>
            <li><a>First</a></li>
            <li><a>Second</a></li>
            <li><a>.....</a></li>
        </ul>
    </div>
</nav>

示例在这里Bootstrap Navbar Examples

做到这一点，只需在.mainmenu类中设置背景：

.mainmenu {
background: none;
border: 0 solid;
margin: 0;
padding: 0;
min-height: 20px;
width: 100%;
background: #f9f3db; /*---background set---*/
}

2）为此，该解决方案很容易，因为您使用的是navbar-dark类，该类具有颜色：白色，它继承了CSS规则。因此，您可以做两件事：或者删除该类（如果对您没有用），或者在CSS规则后使用！important。例如：

.mainmenu a{
 color: #fff !important; 
}

3）应该是这样的解决方案：

background-position: right bottom;

导航栏品牌没有样式，导航栏没有背景色，只是透明的

1 个答案: