Bootstrap nav-tabs link 悬停颜色的 .scss 变量是什么

Question

我有一些简单的标签链接标记：

<ul class="nav nav-tabs">
    <li class="active">
        <a href="#">Active</a>
    </li>
    <li>
        <a href="#">Archive</a>
    </li>
</ul>

我正在尝试更改鼠标悬停时链接的颜色。这是 Bootstrap 3.3.1 .scss 变量

//=== Shared nav styles
// $nav-link-padding:                          10px 15px
// $nav-link-hover-bg:                         $gray-lighter
// $nav-disabled-link-color:                   $gray-light
// $nav-disabled-link-hover-color:             $gray-light
//== Tabs
// $nav-tabs-border-color:                     #ddd
// $nav-tabs-link-hover-border-color:          $gray-lighter
// $nav-tabs-active-link-hover-bg:             $body-bg
// $nav-tabs-active-link-hover-color:          $gray
// $nav-tabs-active-link-hover-border-color:   #ddd
// $nav-tabs-justified-link-border-color:            #ddd
// $nav-tabs-justified-active-link-border-color:     $body-bg

除了我想要的那一个$nav-tabs-link-hover-color，这似乎每个都是变体。此外，$nav-tabs-active-link-hover-color 似乎更改了 active-link-color，而不是 active-link-hover-color。 $nav-tabs-link-hover-color定义在哪里？

Answer 1

请检查variables.scss并找到

$link-hover-color:      darken($link-color, 15%) !default;

我认为对于 .nav-tabs a:hover，bootstrap 正在使用用于锚点的默认悬停颜色。

Bootstrap nav-tabs link 悬停颜色的 .scss 变量是什么

What is the .scss variable for Bootstrap nav-tabs link hover color

twitter-bootstrap

sass