bootstrap 空页面宽高100%

要让 Bootstrap 页面的宽高都为 100%，可以使用以下 CSS 样式：

html,
body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

.wrapper {
  flex: 1;
}

其中，`html` 和 `body` 的高度都设为 100%。`body` 使用 flex 布局，让其子元素垂直方向占满整个页面。`.wrapper` 元素设置为 flex-grow: 1，让其占据剩余的可用空间。这样，页面就可以实现宽高都为 100% 的效果了。

相关问题

bootstrap 3 宽高自动为100%

在 Bootstrap 3 中，可以通过以下方式让元素的宽和高自动扩展为父元素的宽和高：

1. 对于宽度，可以使用 `col-xs-12` 类来实现元素的宽度自动扩展为父元素的宽度，例如：

<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <!-- 这里是内容 -->
    </div>
  </div>
</div>

在这个例子中，`col-xs-12` 类会让元素的宽度自动扩展为父元素 `.row` 的宽度，而 `.row` 的宽度则会自动扩展为 `.container` 的宽度。

2. 对于高度，可以使用以下 CSS 样式来实现元素的高度自动扩展为父元素的高度：

html, body {
  height: 100%;
}

.container {
  min-height: 100%;
}

在这个例子中，`html` 和 `body` 的高度都被设置为 100%，而 `.container` 的 `min-height` 则被设置为 100%，这样就可以让 `.container` 的高度自动扩展为 `html` 和 `body` 元素的高度了。如果只想让某个元素的高度自动扩展为父元素的高度，可以将上面的样式应用到该元素的父元素上。

Bootstrap 3 SELECT 宽100%

您可以使用 Bootstrap 3 的 class `form-control` 来设置 `select` 元素的宽度为父元素的100%。示例如下：

<select class="form-control">
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

这将使 `select` 元素的宽度自适应其父元素的宽度，并填满整个父元素的宽度。