Question

我正在使用Bootstrap 3开发应用程序。我使用Sass / SCSS整齐地自定义Bootstrap变量。

我目前正在设置＆＃34;标签＆＃34;组件和我似乎无法找出如果有一个特定的变量来控制它的文本颜色，或者它是从其他地方继承的。

确定＆＃34;来源＆＃34;的好方法是什么？一个来自Bootstrap的CSS规则？我在OSX上使用Chrome。

Answer 1

我刚检查了bootstrap site上的标签，并在bootstrap scss文件中搜索了.nav-tabs类。因此，在_navs.scss文件中，搜索＆＃34;标签＆＃34;而且你会看到变量。

看起来$nav-tabs-active-link-hover-color可能是您正在寻找的内容 - 它是活动标签的文字颜色。非活动选项卡中的锚点似乎是默认锚标记颜色。

您可以在_variables.scss文件中找到该变量。变量通常根据使用它们的组件命名（即$nav-tabs-active-<whatever>）。

  // Active state, and its :hover to override normal :hover
    &.active > a {
      &,
      &:hover,
      &:focus {
        color: $nav-tabs-active-link-hover-color; // ****** here
        background-color: $nav-tabs-active-link-hover-bg;
        border: 1px solid $nav-tabs-active-link-hover-border-color;
        border-bottom-color: transparent;
        cursor: default;
      }
    }

查找控制特定CSS规则的Bootstrap变量

1 个答案: