CSS:包含引导程序时的宽度行为更改

时间:2015-03-11 20:01:07

标签: css twitter-bootstrap width

我最近注意到CSS属性宽度在使用bootstrap时效果不同。有人知道为什么吗?

我使用firefox开发者控制台检查盒子模型并查看实际尺寸。

简单的HTML代码:

<div style="width=400px;height=30px;background-color:red;"></div>

这是一个带有固定宽度/高度的简单div的小提琴。它的大小为404 * 34

https://jsfiddle.net/nszvxfwq/

这里包括bootstrap。您可以看到框大小为400 * 30

https://jsfiddle.net/nszvxfwq/1/

1 个答案:

答案 0 :(得分:0)

谢谢Adrift,你的回答真的帮助了我!

  

因为bootstrap应用了box-sizing:border-box;对于所有元素,而&gt;您的示例保留内容框的初始框大小值(其在指定的宽度和高度之外绘制&gt;填充和边框)。 - 昨天漂流