CSS：包含 bootstrap 时宽度行为发生变化
CSS: width behavior change when including bootstrap
我最近注意到 CSS 属性 宽度在使用 bootstrap 时没有相同的效果。有人知道为什么吗？
我使用 firefox 开发人员控制台检查盒子模型并查看实际尺寸。
简单html代码：
<div style="width=400px;height=30px;background-color:red;"></div>
这里有一个fiddle，有一个简单的div，有一个固定的width/height。它的大小为 404*34
https://jsfiddle.net/nszvxfwq/
这里是同一个，包括 bootstrap。可以看到盒子大小为400*30
谢谢 Adrift，你的回答对我很有帮助！
Because bootstrap applies box-sizing: border-box; to all elements, whereas >your example retains the initial box-sizing value of content box (which draws >padding & border outside of the specified width & height). – Adrift yesterday
我最近注意到 CSS 属性 宽度在使用 bootstrap 时没有相同的效果。有人知道为什么吗？
我使用 firefox 开发人员控制台检查盒子模型并查看实际尺寸。
简单html代码：
<div style="width=400px;height=30px;background-color:red;"></div>
这里有一个fiddle，有一个简单的div，有一个固定的width/height。它的大小为 404*34
https://jsfiddle.net/nszvxfwq/
这里是同一个，包括 bootstrap。可以看到盒子大小为400*30
谢谢 Adrift，你的回答对我很有帮助！
Because bootstrap applies box-sizing: border-box; to all elements, whereas >your example retains the initial box-sizing value of content box (which draws >padding & border outside of the specified width & height). – Adrift yesterday