Twitter BootStrap - 更改 CSS 属性答案

【问题标题】：Twitter BootStrap - Changing CSS PropertiesTwitter BootStrap - 更改 CSS 属性
【发布时间】：2012-11-09 23:54:23
【问题描述】：

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

有没有教程教如何为 Bootstrap 设置 LESS 并使用它？

【问题讨论】：

【解决方案1】：

请参阅Twitter Bootstrap Customization Best Practices，了解 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 请求。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

本教程可能对您有所帮助
Link1,
Link2

【讨论】：