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

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

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

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

相关问题

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 高度自动适应屏幕

在 Bootstrap 3 中，如果要使元素的高度自动适应屏幕的高度，可以使用 CSS3 中的 `vh` 单位。`vh` 表示视口高度的百分之几，例如 `100vh` 表示视口的高度。

因此，我们可以将某个元素的高度设置为 `100vh`，这样该元素的高度就会自动适应屏幕的高度。例如：

<div style="height: 100vh;">
  <!-- 内容 -->
</div>

在上面的例子中，我们将一个 `div` 元素的高度设置为 `100vh`，这样该元素的高度就会自动适应屏幕的高度，从而实现了高度自动适应屏幕的效果。

需要注意的是，使用 `vh` 单位来设置高度可能会对布局产生一定的影响，因此在使用时需要谨慎。同时，在 Bootstrap 4 中，推荐使用 Flexbox 来实现高度自动适应屏幕。