Bootstrap 3 main-content-inner高度100%
时间: 2023-08-13 09:08:32 浏览: 147
bootstrap3
在 Bootstrap 3 中,如果你想让 main-content-inner 这个元素的高度自适应屏幕,可以通过以下步骤实现:
1. 将 main-content-inner 的父元素(例如 container)的高度设置为 100%。
2. 将 main-content-inner 的高度设置为 100%。
具体来说,可以使用以下代码实现:
```html
<div class="container" style="height: 100%;">
<div class="main-content-inner" style="height: 100%;">
<!-- 内容 -->
</div>
</div>
```
在上面的代码中,我们将 container 元素的高度设置为 100%,然后将 main-content-inner 元素的高度也设置为 100%,这样 main-content-inner 元素的高度就会自适应屏幕的高度,并且填满 container 元素,从而实现了高度自适应的效果。
需要注意的是,如果 main-content-inner 元素的父元素不是 container,那么需要根据实际情况来设置父元素的高度。同时,在 Bootstrap 4 中,推荐使用 Flexbox 来实现高度自适应的效果。
阅读全文