bootstrap 空页面宽高100%
时间: 2023-08-04 13:06:42 浏览: 126
基于bootstrap的一套页面
要让 Bootstrap 页面的宽高都为 100%,可以使用以下 CSS 样式:
```css
html,
body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
.wrapper {
flex: 1;
}
```
其中,`html` 和 `body` 的高度都设为 100%。`body` 使用 flex 布局,让其子元素垂直方向占满整个页面。`.wrapper` 元素设置为 flex-grow: 1,让其占据剩余的可用空间。这样,页面就可以实现宽高都为 100% 的效果了。
阅读全文