在自定义外观和感觉时,如何准确地知道哪些内容需要用 Bootstrap 样式覆盖?
是否有技巧可以找出我需要在哪里设置样式,以便它优先于 Bootstrap 样式?
例如,两天来我一直在努力让表单域看起来像客户想要的那样。当包含在表单组行和表单控件嵌套层中时,bootstrap 的默认值带有一个带有圆形边缘的高字段。我创建了自己的类,将填充和边距的所有内容都设置为 0。我还将高度设置为 18px。 NOTHING gets picked.
我早些时候的外观和感觉几乎是完美的,但我没有使用任何 bootstrap 东西,只是 html 和 css。首席开发人员说我们需要使用 Bootstrap 样式并调整需要调整的部分以适应外观和感觉。 嗯,说起来容易做起来难。
我怀念那些设计师指定外观和感觉的日子,而我们只是对样式进行编码并完成它。这种 80% 解决方案的库使用和 80% 之上的 100% 努力似乎不是一个好方法,除非它是为了最大化客户的付出。
最佳答案
使用您自己的文件覆盖样式。
不要更新 Bootstrap SCSS 文件以满足您的需要。这可能会导致许多不可预见的问题。假设您想共享或更新到新的 Bootstrap 版本。合并文件和/或重写您的工作将很麻烦。
“如果您直接对默认的 bootstrap.css 样式表进行更改,维护和跟踪更改将变得非常困难。”
关于html - Bootstrap入门关于重写样式的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57597725/