Question

我刚开始使用Ruby on Rails。我添加了gem'jasny-bootstrap-rails'，我正在使用Jasny OffCanvas导航菜单，如下所示：

<div class="navbar navbar-fixed-top navbar-default">
  <div class="container" style="margin-top: 18px;">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".navbar-offcanvas" data-canvas="body">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">JacobHedengren.ME</a>
    </div>
    <div class="navbar-offcanvas offcanvas">

      <ul class="nav navbar-nav navbar-right">
        <li><a href="../navmenu/">Slide in</a></li>
        <li><a href="../navmenu-push/">Push</a></li>
        <li><a href="../navmenu-reveal">Reveal</a></li>
        <li><a href="./">Off canvas navbar</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>

我希望我的OffCanvas扩展菜单采用不同的背景颜色，我已设法改变：

.navmenu-default, .navbar-default .navbar-offcanvas {
background-color: #3F51B5 !important;
border-color: #3F51B5 !important;
}

问题是它需要不同的颜色。 编辑：“桌面”导航栏和移动导航栏应该有不同的颜色任何想法我如何更改为OffCanvas扩展菜单的颜色？我已经尝试过我所知道的所有css技巧。我想这可以用javascript完成，但我该怎么做？

Jasny：http://www.jasny.net/bootstrap/components/

编辑： 菜单： http://www.jasny.net/bootstrap/examples/navbar-offcanvas/

提前多多谢谢！

Answer 1

因此，如果我理解正确，您希望<li>颜色与默认颜色不同。

这样的东西？

@media screen and (max-width:760px){
  .navbar-default .navbar-offcanvas li a{
      color:red; 
  }
}

目标是一个Jasny navbar-offcanvas

1 个答案: