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

Question

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

编辑：jsfiddle.net/64mjs03f /

Answer 1

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

像bootstrap这样的库现在带有Normalized CSS。它的作用是，重置可能在浏览器中呈现不同的HTML元素的样式。

所有浏览器都有自己的CSS来渲染元素。规范化可以帮助开发人员创建一个在所有浏览器中看起来相同的Web应用程序。