我是 Bootstrap 的新用户,想要更改导航栏中元素的颜色。
创建了我自己的名为 Site.CSS 的 css 文件,还有 bootstrap.css 文件。现在标题“主页、预订、联系、登录和注册”的文本颜色为灰色。当你将它悬停在上面时,它会变成白色。
我希望它是标准的白色,并在您用鼠标悬停在它上面时将其更改为灰色。
我有母版页的一些代码:
<form id="form" runat="server">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<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>
<a class="navbar-brand" runat="server" href="~/default.aspx">M-Hotels</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a runat="server" href="~/default.aspx">Home</a></li>
<li><a runat="server" href="~/Booking.aspx">Booking</a></li>
<li><a runat="server" href="~/Contact.aspx">Contact</a></li>
</ul>
<asp:LoginView runat="server" ViewStateMode="Disabled">
<AnonymousTemplate>
<ul class="nav navbar-nav navbar-right">
<li><a runat="server" href="~/Registration.aspx">Register</a></li>
<li><a runat="server" href="~/Login.aspx">Log in</a></li>
</ul>
</AnonymousTemplate>
<LoggedInTemplate>
<ul class="nav navbar-nav navbar-right">
<li>
<a runat="server" href="~/User.aspx" title="Manage your account">Hello,!</a>
</li>
<li>
<a runat="server" href="~/default.aspx" title="Log out"></a>
</li>
</ul>
</LoggedInTemplate>
</asp:LoginView>
</div>
</div>
</div>
<div class="container body-content">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
<hr />
<footer>
<p>© <%: DateTime.Now.Year %> - M-Hotels A/S</p>
</footer>
</div>
</form>
任何人都可以告诉我,如果我应该更改 Bootstrap 文件中的某些内容,或者我是否必须向 Site.css 文件中添加一些内容。
最佳答案
您可以将此代码添加到您的 Site.css 文件中
.nav.navbar-nav li a {
color: #fff;
}
.nav.navbar-nav a:hover {
color: grey;
}
关于html - 更改导航栏中的文本颜色 "Bootstrap",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30842694/