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

标签 html css bootstrap-4

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

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

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

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


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

最佳答案

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

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

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

How to Customize Bootstrap – UX Planet

关于html - Bootstrap入门关于重写样式的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57597725/

相关文章:

javascript - 为什么不显示引导工具提示的样式?

html - 一个 div 在另一个 div 的阴影之上

php - 表格标题未正确对齐

javascript - 实现了自定义预输入,需要额外的功能

css - 具有 ID 的元素的 Foundation sass 覆盖属性

html - Bootstrap 网格以最小尺寸中断

javascript - 将新文件加载到HTML的音频元素中

javascript - PreventDefault 不阻止表单发送

html - @media 查询不工作(不改变 <h1> 的颜色)

html - Bootstrap 4 导航栏在小屏幕尺寸上无法正常工作