Bootstrap - 如何覆盖css？

Question

我试图覆盖bootstrap的标准行为

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

但无论我做什么，我的css定义都会被忽略。 我在header.less中尝试以下内容：

＆＃13;

＆＃13;

#navbar .nav > li{

  @media @tablet {

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

＆＃13;

＆＃13;

＆＃13;

所有内容（less - ＆gt; css）编译得很好......我看到我的浏览器代码检查器css被覆盖/忽略。

我在bootstrap中如何定义这样的css语句，以免被忽略？

由于 Moritz的

Answer 1

不要在主bootstrap.less中调用less，在你的less文件的顶部调用bootstrap.less。

此外，您还需要覆盖.page-header

中的每个定义

供参考，请浏览Link。