Html 关于覆盖样式的引导问题入门

在定制外观时，如何确切地知道引导样式需要覆盖哪些内容

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

例如，我花了两天的时间让表单字段看起来符合客户的要求。当包装在表单组行和表单控件嵌套层中时，引导的默认设置是带有圆角的高字段。我创建了自己的类，将填充和边距的所有值都设置为0。我还将高度设置为18px。什么也没捡起来

我之前的外观和感觉几乎完美，但我没有使用任何引导的东西，只是html和css。首席开发人员说，我们需要使用引导样式，只需调整需要调整的内容，以适应外观和感觉嗯，说起来容易做起来难。

---

---

我怀念那些设计师指定外观和感觉是什么的日子，我们只是对样式进行编码，然后就完成了。80%解决方案的库使用率和在80%基础上的100%努力似乎不是一个很好的方法，除非它是为了最大限度地提高客户的成本。

有两种方法可以做到这一点

1） 编辑引导SCS以满足您的需要。通过这种方式，您可以通过生成自定义CSS（而不仅仅是覆盖它）来快速定制它。这可能是最简单的方法

---

2） 使用自定义样式覆盖CSS。如果您知道引导和每个元素的样式，那么这很容易。只需打开“查找所需内容并覆盖它”。这可能很棘手，因为有时引导使用

！重要信息

。最后一件事-在引导后放置CSS

有两种方法

1） 编辑引导SCS以满足您的需要。通过这种方式，您可以通过生成自定义CSS（而不仅仅是覆盖它）来快速定制它。这可能是最简单的方法

---

2） 使用自定义样式覆盖CSS。如果您知道引导和每个元素的样式，那么这很容易。只需打开“查找所需内容并覆盖它”。这可能很棘手，因为有时引导使用

！重要信息

。最后一件事-在引导后放置CSS

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

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

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

---

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

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

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

---

如果要手动将实际引导文件导入项目，请不要编辑该文件

---

只需创建自己的样式表，并确保在引导导入之后导入它

如果要手动将实际引导文件导入项目，请不要编辑该文件

---

只需创建自己的样式表，并确保在引导导入之后导入它

在我看来，根本的问题（或者你可以说一些我不知道的事情）是引导的默认值具有大于0的填充、边距和其他设置。因此，我需要重写引导使用的任何标记，将值设置为0，以便按照客户机的要求将内容布局

通过重写，我不是指改变引导程序的实际css文件，而是在您自己的css文件中指定要重写的引导程序样式

谢谢大家的链接和建议。非常感谢

---

使用调试工具的有用提示：

在我看来，根本的问题（或者你可以说一些我不知道的事情）是引导的默认设置具有大于0的填充、边距和其他设置。因此，我需要重写引导使用的任何标记，将值设置为0，以便按照客户机的要求将内容布局

通过重写，我不是指改变引导程序的实际css文件，而是在您自己的css文件中指定要重写的引导程序样式

谢谢大家的链接和建议。非常感谢

---

关于使用调试工具的有用提示：

您是否阅读了主题部分：？您可以在custom.scs中重写引导变量或定义新变量。您甚至可以通过导入其他scss文件在那里引入新类。请尝试在bootstrap.css文件中搜索您正在使用的类的属性，然后使用覆盖它！重要？（正如@jakubMuda在他的回答中所建议的）您只需要使用覆盖创建您自己的css文件，并将其放置在bootstrap.css调用之后……确实不想指出这一点，但您尝试过吗@A.Meshu感谢这种联系。我一整天都在把它作为我的主要参考资料。刚刚和这里的另一个人谈过，他们建议试试这个！重要的标签，看看这是否解决了问题。我今天出发已经迟到了一半，所以我得走了。希望明天早上一切都会好起来。谢谢你的时间。你读过主题部分了吗？您可以在custom.scs中重写引导变量或定义新变量。您甚至可以通过导入其他scss文件在那里引入新类。请尝试在bootstrap.css文件中搜索您正在使用的类的属性，然后使用覆盖它！重要？（正如@jakubMuda在回答中所建议的）你只需要