2016-06-10 67 views
2

我正在学习引导程序,并正在与行高度挣扎。宽度在引导程序中似乎很容易,因为行通常跨越整个窗口,列宽明确声明。Bootstrap中行的高度是多少?

但是,行和列的高度更混乱。所以我的问题:

bootstrap中行的默认高度是多少?行高是否取决于最大高度的列?有没有明确定义行高的好方法?例如。使行高为容器的50%等。

任何帮助将不胜感激!

回答

2

什么是自举行的默认高度?

height需要垂直封装所有子元素。
width: inherit; max-width: 100vw;

容器还没有height
你必须定义一个,为了使用.my-row { height: 50%; }

最佳实践:创建自己的类,而不是用一个自举类的CSS搞乱。

+0

所以如果一个子元素的宽度大于列,谁赢了? – Izzo

+0

它溢出。 (你可以使用'.child {width:100%;}'或'.parent {overflow:hidden;};')来修复。定位/调整大小的最好方法是使用jsfiddle或codepen,然后尝试一下布局。尽可能简单地解决每个问题 – warkentien2

0

可以html和身体的高度和宽度设置为100%