我正在学习引导程序,并正在与行高度挣扎。宽度在引导程序中似乎很容易,因为行通常跨越整个窗口,列宽明确声明。Bootstrap中行的高度是多少?
但是,行和列的高度更混乱。所以我的问题:
bootstrap中行的默认高度是多少?行高是否取决于最大高度的列?有没有明确定义行高的好方法?例如。使行高为容器的50%等。
任何帮助将不胜感激!
我正在学习引导程序,并正在与行高度挣扎。宽度在引导程序中似乎很容易,因为行通常跨越整个窗口,列宽明确声明。Bootstrap中行的高度是多少?
但是,行和列的高度更混乱。所以我的问题:
bootstrap中行的默认高度是多少?行高是否取决于最大高度的列?有没有明确定义行高的好方法?例如。使行高为容器的50%等。
任何帮助将不胜感激!
什么是自举行的默认高度?
height
需要垂直封装所有子元素。
而width: inherit; max-width: 100vw;
容器还没有height
,
你必须定义一个,为了使用.my-row { height: 50%; }
最佳实践:创建自己的类,而不是用一个自举类的CSS搞乱。
可以html和身体的高度和宽度设置为100%
所以如果一个子元素的宽度大于列,谁赢了? – Izzo
它溢出。 (你可以使用'.child {width:100%;}'或'.parent {overflow:hidden;};')来修复。定位/调整大小的最好方法是使用jsfiddle或codepen,然后尝试一下布局。尽可能简单地解决每个问题 – warkentien2