Question

我有Bootstrap垂直标签，当它在移动屏幕上时折叠成手风琴。标签的设计默认为蓝色背景，白色字体，onmouseover也是默认设置。

我找不到要修改它的css代码。我能做到的唯一方法就是添加一个style=""标签，如下所示：在html中有<li class="active"><a data-target=".KONTAKT">KONTAKT</a></li>。好像我无法覆盖默认的设计设置。

我想修改css中的标签设计并修改onmouseover。我的标签名为KONTAKT和ÜBERUNS。
（我必须提到我的页面还包含一个响应我的css中.nav标记的Boostrap顶部导航栏。所以它可能与我的.nav发生冲突标签上。）

以下是HTML：

<div class="container">
  <div class="tabcordion">
    <ul class="nav nav-pills nav-stacked col-lg-6 col-md-6 col-sm-6 col-xs-12">
      <li class="active"><a data-target=".KONTAKT">KONTAKT</a></li>
      <li><a data-target=".ÜBER_UNS">ÜBER UNS</a></li>
    </ul>
    <div class="tab-content col-lg-6 col-md-6 col-sm-6 col-xs-12">
      <div class="KONTAKT in active">My content #1.</div>
      <div class="ÜBER_UNS">My content #2.</div>
    </div>
  </div>
</div>

这是我现在拥有的CSS，我找不到如何连接标签

.tabcordion {
  margin-top: 4%;
  margin-left: 2%;
}

.tab-content {
  font-size: calc(12px + .99vw);
  padding-left: 2%;
}

.nav {
  font-size: calc(18px + 1vw);
  margin-left: -2%;
}

Answer 1

检查引导程序的加载顺序和用于修改它的css。包含Bootstrap CSS库后，确保页面中包含自定义css。此外，建议为您添加的样式创建特定的类，以便它们可以是唯一的，并且可以重复使用，如：

Function

Bootstrap Tabs CSS不起作用

1 个答案: