我正在使用 twitter bootstrap,我需要更改框架的基本视觉效果,例如表单元素等。在 style.css 中再次覆盖所有样式或修改 bootstrap.css 并直接更改样式是否是一个好习惯。
是否有任何教程教如何为 Bootstrap 设置 LESS 并使用它?
我正在使用 twitter bootstrap,我需要更改框架的基本视觉效果,例如表单元素等。在 style.css 中再次覆盖所有样式或修改 bootstrap.css 并直接更改样式是否是一个好习惯。
是否有任何教程教如何为 Bootstrap 设置 LESS 并使用它?
请参阅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 请求。
您可以在 Boostrap 自定义页面的第 3 步中执行此操作...