html - Bootstrap入门关于重写样式的问题

Question

在自定义外观和感觉时，如何准确地知道哪些内容需要用 Bootstrap 样式覆盖？

是否有技巧可以找出我需要在哪里设置样式，以便它优先于 Bootstrap 样式？

例如，两天来我一直在努力让表单域看起来像客户想要的那样。当包含在表单组行和表单控件嵌套层中时，bootstrap 的默认值带有一个带有圆形边缘的高字段。我创建了自己的类，将填充和边距的所有内容都设置为 0。我还将高度设置为 18px。 NOTHING gets picked.

我早些时候的外观和感觉几乎是完美的，但我没有使用任何 bootstrap 东西，只是 html 和 css。首席开发人员说我们需要使用 Bootstrap 样式并调整需要调整的部分以适应外观和感觉。 嗯，说起来容易做起来难。

---

我怀念那些设计师指定外观和感觉的日子，而我们只是对样式进行编码并完成它。这种 80% 解决方案的库使用和 80% 之上的 100% 努力似乎不是一个好方法，除非它是为了最大化客户的付出。

Answer 1

使用您自己的文件覆盖样式。

不要更新 Bootstrap SCSS 文件以满足您的需要。这可能会导致许多不可预见的问题。假设您想共享或更新到新的 Bootstrap 版本。合并文件和/或重写您的工作将很麻烦。

“如果您直接对默认的 bootstrap.css 样式表进行更改，维护和跟踪更改将变得非常困难。”

How to Customize Bootstrap – UX Planet