bootstrap .nav-pills backgroundcolor

时间:2013-10-11 13:11:08

标签: html css twitter-bootstrap

所以我正在建立一个使用twitter bootstrap的网站。 我想为.nav-pills导航栏添加背景颜色。 但我没有Ideahow这样做......我确实改变了按钮的颜色。

如何在不更改任何按钮的情况下更改导航栏的背景颜色?

非常感谢!

1 个答案:

答案 0 :(得分:2)

尝试这样的代码。

    .basicpillsmenu .nav-pills > li > a {
      background-color: #0088cc;
      color: #ffffff;
    }
    .basicpillsmenu .nav-pills > li > a:hover {
      background-color: #ff0000;
    }

&.active > a {
      &,
      &:hover,
      &:focus {
        color: @nav-pills-active-link-hover-color;
        background-color: @nav-pills-active-link-hover-bg;

        .caret {
          border-top-color: @nav-pills-active-link-hover-color;
          border-bottom-color: @nav-pills-active-link-hover-color;
        }