0

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

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

所以你可以猜到，因为引导类和样式覆盖了这么多样式和类，所以有很多问题。所以如果有办法我可以在一个类下使用 twitter bootstrap css 和 js？我只是可以在 bootstrap.css 文件中的每个类之前添加我的类名，但这很耗时，或者我去吧？从我发现的网络研究中 -

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

通过使用lesscss.org。但我还没有得到如何在我的Windows pc中编译东西，所以我只能在我的站点中使用.tw-bs类下的twitter bootstrap。如果有人一步一步知道，节省我的时间。

4

1 回答 1

1

我们发现最好的办法是使用一个单独的 CSS 文件，您可以在其中故意用您想要/需要的内容覆盖一些 Bootstrap 样式。例如，Bootstrap 中的默认按钮具有 4px 半径的圆角。我们决定想要更圆润的外观，所以我们将以下内容放入 CSS 文件中：

.btn{边框半径：10px;}

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

于 2013-05-29T23:10:46.253 回答