英文:
Prevent Bootstrap from affecting a particular div in my html page
问题
有没有办法防止Bootstrap影响我的HTML页面中的一个div及其子div？
当我添加了Bootstrap后，这个div下的图片变得更苍白，并且有一个我不想要的蓝色阴影。
谢谢倾听。
除了更改div的类别，我没有尝试过其他特定的方法，但是没有得到我想要的效果。
英文:
Is there any possibility to prevent Bootstrap from affecting a div and its sub-divs from my HTML page?
When I added Bootstrap, the images under this div have become more pale and got a blue shade I do not want.
Thanks for listenning.
I have not tried something particular other than changing the class of div, but with no wanted changes.
答案1
得分: -1
是的，你可以通过创建一个自定义类并将其应用于特定的 div 来防止 Bootstrap 影响该 div。这样，Bootstrap 将不会将其样式应用于该特定的 div。
例如，假设你有一个带有类名为 "my-div" 的 div，你想要防止 Bootstrap 影响它。你可以创建一个如下所示的自定义类：
<style>
.no-bootstrap {
all: unset !important;
}
</style>
然后，你可以将这个类应用到你的 div 上，像这样：
<div class="my-div no-bootstrap">
...
</div>
通过这样做，你告诉浏览器取消应用于该 div 的所有样式，有效地移除 Bootstrap 应用的任何样式。使用 !important 关键字是为了确保自定义类覆盖任何现有的 Bootstrap 样式。
英文:
Yes, you can prevent Bootstrap from affecting a particular div by creating a custom class and applying it to that div. This way, Bootstrap will not apply its styles to that particular div.
For example, let's say you have a div with the class "my-div" that you want to prevent Bootstrap from affecting. You can create a custom class like this:
<style>
.no-bootstrap {
all: unset !important;
}
</style>
Then, you can apply this class to your div like this:
<div class="my-div no-bootstrap">
...
</div>
By doing this, you are instructing the browser to unset all styles applied to the div, effectively removing any styles applied by Bootstrap. The !important keyword is used to ensure that the custom class overrides any existing Bootstrap styles.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论