Css 自定义引导导航栏颜色
我正在学习RubyonRails教程,并尝试自定义navbar的颜色。我的头是部分的Css 自定义引导导航栏颜色,css,ruby-on-rails,twitter-bootstrap,sass,Css,Ruby On Rails,Twitter Bootstrap,Sass,我正在学习RubyonRails教程,并尝试自定义navbar的颜色。我的头是部分的 <header class="navbar navbar-fixed-top navbar-inverse"> <div class="navbar-inner"> <div class="container", id="container"> <%= link_to "Dog Park", root_path, id: "logo" %>
<header class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container", id="container">
<%= link_to "Dog Park", root_path, id: "logo" %>
<nav>
<ul class="nav pull-right">
<li><%= link_to "Home", root_path %></li>
<li><%= link_to "About", about_path %></li>
<li><%= link_to "Sign in", '#' %></li>
</ul>
</nav>
</div>
</div>
</header>
没有什么变化,仍然是一个黑色的导航条。感谢您的帮助。谢谢我相信导航栏的背景色实际上是在
.container
中的.navbar-inner
上设置的。试试这个:
//navbar
$navbar-inverse-bg: #6dbcdb;
$navbar-inverse-border: #6dbcdb;
// Inverse navbar
.navbar-inverse .container {
background-color: $navbar-inverse-bg;
border-color: $navbar-inverse-border;
}
我还得等8分钟才能接受你的回答。谢谢,我现在将在源文件中搜索.container以了解更多信息。再次感谢!
//navbar
$navbar-inverse-bg: #6dbcdb;
$navbar-inverse-border: #6dbcdb;
// Inverse navbar
.navbar-inverse .container {
background-color: $navbar-inverse-bg;
border-color: $navbar-inverse-border;
}