要解决Bootstrap 5列超出100vh高度的问题,可以使用自定义CSS样式来设置边距。以下是一个示例代码:
HTML代码:
Column 1
Column 2
Column 3
Column 4
Column 5
CSS代码:
.row {
margin-top: calc(50vh - 50%);
margin-bottom: calc(50vh - 50%);
}
在上面的示例中,使用了calc()函数来计算边距的值。通过将行的上边距和下边距设置为calc(50vh - 50%),可以使列超出100vh高度。这样,每个列将在视口的上半部分和下半部分显示。
请注意,这是一种解决方法,具体的边距值可能需要根据您的需求进行调整。同时,您也可以根据需要在其他元素上应用自定义样式。
上一篇:边距和填充只适用于布局和元素吗?
下一篇:边距未被应用