bootstrap 3 class="page-content" 高度自适应100%

要使 Bootstrap 3 的 `class="page-content"` 高度自适应为 100%，可以使用以下 CSS 样式：

.page-content {
  min-height: 100vh;
}

这将设置 `.page-content` 的最小高度为视口高度（`100vh`），因此它会自适应视口高度，并且在内容不足时也会填充页面。如果需要，还可以添加其他的样式来进一步调整页面内容的布局。

相关问题

Bootstrap 3 main-content-inner高度100%

在 Bootstrap 3 中，如果你想让 main-content-inner 这个元素的高度自适应屏幕，可以通过以下步骤实现：

1. 将 main-content-inner 的父元素（例如 container）的高度设置为 100%。
2. 将 main-content-inner 的高度设置为 100%。

具体来说，可以使用以下代码实现：

<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 来实现高度自适应的效果。

bootstrap 3 main-content-inner 高度自动适应屏幕

您可以使用以下CSS样式来实现Bootstrap 3 main-content-inner高度自动适应屏幕：

.main-content-inner {
    min-height: calc(100vh - 110px);
}

其中，`calc`函数可以计算出屏幕高度减去110px的高度，以此作为`.main-content-inner`的最小高度。这样就可以实现高度自动适应屏幕的效果。