在类下使用twitter bootstrap

Question

我在一些css样式文件中构建了许多自定义css样式的网站。我想在网站中使用twitter bootstrap。但如果我将它包含在我的页面中，如 -

<link type="text/css" rel="Stylesheet" href="assets/css/bootstrap.css />

所以你可以猜测，因为这很多样式和类被bootstrap类和样式覆盖，所以很多问题。如果有方法我可以在类下使用twitter bootstrap css和js？ 我只是可以在bootstrap.css文件中的每个类之前添加我的类名，但这是耗时的还是我去了？来自网络研究我发现 -

.tw-bs {
    @import "less/bootstrap.less";
}

通过使用lesscss.org.but我还没有得到如何在我的Windows PC中编译的东西，所以我只能在我的网站上使用.tw-bs类下的twitter bootst。如果有人知道一步一步，保存我的时间。

Answer 1

我们发现的最好的事情是使用一个单独的CSS文件，你故意用你想要/需要的东西覆盖一些Bootstrap样式。例如，Bootstrap中的默认按钮具有4px半径的圆角。我们认为我们想要更圆润的外观，因此我们将以下内容放入CSS文件中：

.btn {border-radius：10px;}

当您在Bootstrap文件之后引用文件时，它将覆盖您的默认Bootstrap值。有时Bootstrap特性非常难以覆盖，在这种情况下，您需要通过直接引用元素的ID来设置样式（这比类更具体。）