jquery - 为引导导航栏和照片添加半透明，并增加字体大小

Question

我看过 StackOverflow 和其他网站上的许多帖子，但我似乎无法弄清楚如何在 bootstrap 中使我的导航栏半透明。我不希望导航栏中的文字是半透明的，但我只希望导航栏是半透明的。我还想对背景图片应用不透明度。我还想在不更改链接大小的情况下增加“我的应用程序”文本的大小。

这是我的代码:

http://goo.gl/P8jpgG

Answer 1

如果您希望导航栏透明，只需对其应用 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;
}