1

我正在使用 twitter bootstrap,我需要更改框架的基本视觉效果,例如表单元素等。在 style.css 中再次覆盖所有样式或修改 bootstrap.css 并直接更改样式是否是一个好习惯。

是否有任何教程教如何为 Bootstrap 设置 LESS 并使用它?

4

3 回答 3

4

请参阅Twitter Bootstrap 自定义最佳实践,了解使用 Twitter Bootstrap 进行自定义和 LESS。

一般来说,我不建议直接修改您的 bootstrap.css 文件,因为如果/当引导人员更新核心 css 时,将来会难以编辑。相反,只需在引导 css 之后引用第二个样式表。在那里添加您的覆盖/修改,如下所示:

<link rel="stylesheet" href="css/bootstrap.min.css" media="screen"/>
<link rel="stylesheet" href="css/my_styles.css" media="screen"/>

当然,为了提高性能,可以考虑将它们组合起来,并将它们作为一个来提供,以减少您的 http 请求。

于 2012-11-09T15:29:20.867 回答
2

您可以在 Boostrap 自定义页面的第 3 步中执行此操作...

http://twitter.github.com/bootstrap/customize.html

于 2012-11-09T15:54:23.567 回答
1

你可以做取决于你的要求。如果要更改网站中的所有表单值,可以修改引导文件。否则,您可以再创建一个名为 style.css 的文件并使用特定的某些类编写 css 代码。

这个教程可能对你有帮助
Link1 ,
Link2

于 2012-11-09T09:21:41.010 回答