css - Bootstrap - 如何覆盖 css？

Question

我正在尝试覆盖 Bootstrap 的标准行为

.nav > li {
    position: relative;
    display: block;
 }

但是无论我做什么，我的 css 定义都会被忽略。我在 header.less 中尝试以下操作:

#navbar .nav > li{

  @media @tablet {

  }
  @media @normal {
    display:inline !important;
  }
  @media @wide {
    display:inline !important;
  }
}

所有内容 (less->css) 都可以正常编译...而且我看到我的浏览器代码检查器 css 被覆盖/忽略了。

我应该在 bootstrap 的什么地方定义这样的 css 语句，这样它们才不会被忽略？

谢谢莫里茨

Answer 1

为您的自定义样式尝试 custom.css 文件....它将帮助您覆盖默认样式。