html - "overwrite" Bootstrap 颜色的正确方法是什么? (以及可选的其他 CSS 选择器)

标签 html css twitter-bootstrap twitter-bootstrap-3

搜索关于如何自定义原始 bootstrap CSS 的主题时,我主要找到了强大的工具和生成器,它们会发出“修补的”bootstrap.css 来代替原始文件。

我是 bootstrap 的新手,所以在我投入数百个工作时间来做一些愚蠢且不推荐的事情之前,首先我想清楚地了解最佳实践。

我的问题:是这样吗?我的意思是编辑(自动或手动)bootstrap.css。听起来对我不好,我希望我错过了什么。

是否有任何替代方法,比如创建一个小的 mycustom.css 并只在其中定义差异。谁能指出如何重新定义标准颜色?

最佳答案

如果您是初学者,最好的选择是使用官方生成器生成新的 bootstrap.css http://getbootstrap.com/customize/因此您还可以测试其他 Bootstrap 变量的变化。我认为用您自己的 CSS 文件覆盖 CSS 属性有时会很痛苦...

最佳选择(需要时间学习)是将 Bootstrap 导入为 LESS(而非 CSS),然后创建您自己的 variables.less 文件,您将在其中为要覆盖的所有 Bootstrap 变量定义值。

关于html - "overwrite" Bootstrap 颜色的正确方法是什么? (以及可选的其他 CSS 选择器),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29651831/

相关文章:

javascript - Bootstrap 导航栏切换按钮不折叠

javascript - d3js : scatterplot zoom. 只有轴在缩放而不是数据

javascript - 无法选择搜索建议

css - 折叠 Bootstrap 函数和下拉菜单

html - 如何使用 Bootstrap 4 在 "col-sm-12"中垂直居中我的文本?

javascript - 无法重用SASS @mixin : Previous parameter value being used again

javascript - 如何在悬停时更改模式弹出窗口的字体大小

Javascript:当鼠标悬停在文本区域中的某个单词时显示工具提示

javascript - CSS 图像没有覆盖整个屏幕

css - 如何在 Twitter Bootstrap 中正确嵌套行?