javascript - 消除 Twitter Bootstrap 与其他 CSS 和 JS 的冲突

Question

我找到了一个带有一些整洁 CSS 的好模板，但我之前的主界面代码大量使用了 Twitter Bootstrap (3)。但是它们之间有很多冲突，我似乎无法解决的主要冲突是下拉菜单。

有没有办法覆盖或隔离 Bootstrap 或桥接下拉菜单。 是的，我知道应该有更多有创意的对象名称，但是这两种 CSS 都带有非常根深蒂固的名称，因此更改它是相当有问题的。

HTML如下

<nav>
  <ul>
    <li>Option</li>
     <li><span>DropDown</span>
      <ul>
        <li>1</li>
        <li>2</li>
      </ul>
    </li>
   </ul>
</nav>

Answer 1

Bootstrap 不会为没有分配给它们的 .navbar 类的 nav 元素设置样式。

因此，如果您碰巧使用具有相同 Bootstrap 类名称 .navbar 的 nav，则必须覆盖 .navbar规则(除了它的子元素 ul 和 li)。