0

我已经下载了 Twitter Bootstrap 并阅读了 David Cochran 的 Twitter Bootstrap Web Development How-To。一切都很好，现在我有一个自定义设计，我想以最好的方式与 Bootstrap 集成。

将自定义设计与 twitter 引导库集成的最佳方法是什么？

1) 我是否要去http://twitter.github.io/bootstrap/customize.html并尝试猜测我将使用、下载和从中工作的库？

2）我是否处理了整个源文件，然后尝试减少未使用的内容？原来的 bootstrap.css 是 6000 行。

3.) 我是否从一个最小的库开始并根据需要手动添加？

4.) 我什至应该直接编辑他们的图书馆吗？就像 .thumbnails 类有边框一样，我不想要边框。我是用另一个 CSS 文件覆盖，还是编辑 bootstrap.css .thumbnails 类中的原始行？

4

1 回答 1

1

最简单的方法是使用您自己的 CSS（您的选项 #4）覆盖 Bootstrap 样式。您的 CSS 样式可以在单独的 CSS 文件或<style></style>HTML 中 bootstrap.css 之后的标记中定义...

.thumbnails {
  border:0;
}

另一种方法是使用http://twitter.github.io/bootstrap/customize.html工具生成 Bootstrap CSS 的自定义构建（您的选项 #1）。这样做的缺点是生成器限制和维护您自己的自定义构建。

最后，还有 LESS，一种编译成 CSS 的动态样式表语言。LESS 支持嵌套选择器和创建变量的能力。您可以在这里找到关于 LESS 的更广泛的主题：Twitter Bootstrap Customization Best Practices。

如果文件大小或性能是一个问题，请查看 BootstrapCDN http://www.bootstrapcdn.com ，它提供从 CDN 最小化的组合 Bootstrap。CDN 在Bootply上提供 Bootstrap，这是我为测试、原型和自定义 Bootstrap 而构建的工具。

祝你好运！

于 2013-05-26T10:38:09.990 回答