为什么Bootstrap会破坏一些css代码？

-4

当我添加bootsrtap时，使用本机css制作的东西不会显示在正确的位置，因为某些未知原因。这是什么happens with bootstrap和without。第二个也会发生在第一个。只需要注意，这个东西应该是一个人口金字塔，按年龄分为女人（红色）和男性（蓝色）。为什么Bootstrap会破坏一些css代码？

编辑：jsfiddle.net/64mjs03f/

来源

2017-08-30 Dimitar

请提供一组简单的HTML和CSS代码来演示您所看到的内容。尝试帮助您找出代码无法工作的原因时，图像无用。 –

检查产生这些例子的HTML和CSS将是一个不错的第一步。一般来说，是的，当你添加或修改代码时，行为可能会改变。 – David

我添加了部分代码https://jsfiddle.net/64mjs03f/ – Dimitar

我认为这个问题可能是由于规范化。

类似bootstrap的库现在带有标准化CSS。所做的是重置可能在不同浏览器中呈现的HTML元素的样式。

所有浏览器都有自己的CSS用于呈现元素。规范化可帮助开发人员创建一个Web应用程序，在所有浏览器中看起来都一样。

来源

2017-08-30 17:32:43

这是可能的，或者它可能是OP只包括引导CSS后自己的，所以它重写他们的风格。没有OP向我们显示他们的代码，就不可能知道。 – FluffyKitten

这种情况并不重要。我尝试了两种（先是bs，然后是我的风格，反之亦然）。它没有什么不同。只有删除bs css文件才能修复它。 – Dimitar

它赢了;因为如果Bootstrap向按钮添加了填充项，并且不覆盖按钮的填充属性，则无关紧要。你现在唯一能做的就是调整你的CSS并尽可能使用Bootstrap类。 –

为什么Bootstrap会破坏一些css代码？

回答

相关问题