CSS - 查看引导已应用于元素的样式 [英] CSS - See what styling bootstrap has applied to element

问题描述

我有这个页脚和一个没有引导程序就能正常工作的标志，但bootstrap只是把它搞乱了。我找不到最新的错误，因为我不知道应用于元素的自举程序。我知道我可以覆盖它，但我需要知道要覆盖什么。是否有任何方式显示应用于元素的样式引导，或者只是禁用该元素的所有引导样式，不知道它是什么？另外，我需要为网站的其他部分提供引导程序，所以我无法删除链接。 覆盖管理风格规则。按照这些简单的方法，您可以使用Google Chrome查找继承的样式：

1. 在浏览器中打开URL。
   
   


2. 右键单击并选择Inspect上的检查。
   
   


3. 点击右侧的计算。
   
   


4. 您将成为能够看到它从哪里继承。
   
   

在上述例如，请查看 font-s ize 和 font-weight 。有这么多的继承。希望这有帮助。

I have this footer and a logo that works fine without bootstrap, but bootstrap is just messing it up. I can't find whats wrong, because I don't know what bootstrap applied to the element. I know I can overwrite it, but I need to know what to overwrite. Is there any way of showing the styling bootstrap applied to the element or just disable all bootstrap styling for that element, not knowing what it is? Also, I need the bootstrap for the rest of the site, so I can't remove the link.

解决方案

You have the override the governing style rule. Follow these simple ways, you can use Google Chrome to find out the inherited styles:

1. Open the URL in the browser.
   
2. Right click and select inspect on the Inspect.
   
3. On the right side, click on the computed.
   
4. You will be able to see from where it's inherited.
   

In the above example, check out the font-size and font-weight. There are so many inherits. Hope this was helpful.

这篇关于CSS - 查看引导已应用于元素的样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！