我最近注意到CSS属性宽度在使用bootstrap时效果不同。有人知道为什么吗?
我使用firefox开发者控制台检查盒子模型并查看实际尺寸。
简单的HTML代码:
<div style="width=400px;height=30px;background-color:red;"></div>
这是一个带有固定宽度/高度的简单div的小提琴。它的大小为404 * 34
https://jsfiddle.net/nszvxfwq/
这里包括bootstrap。您可以看到框大小为400 * 30
答案 0 :(得分:0)
谢谢Adrift,你的回答真的帮助了我!
因为bootstrap应用了box-sizing:border-box;对于所有元素,而&gt;您的示例保留内容框的初始框大小值(其在指定的宽度和高度之外绘制&gt;填充和边框)。 - 昨天漂流