我看过StackOverflow和其他网站上的许多帖子,但似乎无法弄清楚如何使Bootstrap中的导航栏变得半透明。我不希望导航栏中的单词是半透明的,但我只希望导航栏上的单词是半透明的。我也想对背景图片应用不透明度。我也想在不更改链接大小的情况下增加“我的应用程序”文本的大小。
这是我的代码:
如果您希望导航栏是透明的,只需对其应用CSS。
.navbar-default {
background-color: transparent;
border-bottom: 1px solid transparent;
}
如果您使用Bootstrap Scrollspy,并且希望活动菜单项也透明,则需要将CSS应用于那些菜单项。
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
background-color: transparent;
}
要更改“我的应用”文本的字体大小,您可以更改以下navbar-brand
类的CSS
.navbar-brand {
font-size: 30px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句