究竟如何才能知道在自定义外观时需要用自举程序样式覆盖哪些内容?
有什么技巧可以找出我真正需要在哪里设置样式以便使其优先于引导样式?
例如,我一直在战斗两天,以使表单字段看起来像客户希望的样子。引导程序默认包裹在表单组行和表单控件嵌套层中时,带有一个带有圆角边缘的高大字段。我创建了自己的类,将填充和边距都设置为0。我也将高度设置为18px。什么都没捡到。
我之前的外观和感觉几乎很完美,但是我没有使用任何引导程序,只是html和css。首席开发人员表示,我们需要使用自举样式,并仅调整需要调整的内容以适合外观。好吧,确定无疑是说起来容易做起来难。
我想念设计师指定外观和感觉的日子,而我们只是编码样式并完成了。除非在最大程度地利用客户端资源的情况下,这种80%解决方案的库用法和80%解决方案的100%工作量似乎不是一个好方法。
最佳答案
使用您自己的文件覆盖样式。
不要根据您的需要更新Bootstrap SCSS文件。这可能会导致许多无法预料的问题。假设您要共享或更新到新的引导程序版本。合并文件和/或重写您的工作将很麻烦。
“如果直接对默认的bootstrap.css样式表进行更改,将很难维护和跟踪更改。”
How to Customize Bootstrap – UX Planet