bootstrap col-xs-12 宽和高100%

如果你想让一个 Bootstrap 的 `col-xs-12` 元素宽和高都为 100%，可以使用以下 CSS 样式：

.col-xs-12 {
  width: 100%;
  height: 100%;
}

这样，这个元素的宽和高就都为 100% 了。不过需要注意的是，如果这个元素的父元素没有设置高度，那么这个元素的高度会继承父元素的高度，这时候需要给父元素也设置高度为 100% 才能实现宽高都为 100% 的效果。

相关问题

bootstrap v3 中的col-xs-12横向放不下去一个段落时， 如何增加col-xs-12的高度，让一个段落放在他的下边

Bootstrap 中的 `col-xs-12` 默认会占据其父元素的全部宽度，而不是高度。如果要让一个段落放在 `col-xs-12` 的下方，可以考虑使用一个新的 `row` 和一个新的 `col-xs-12`，并将段落放置在新的 `col-xs-12` 中。具体的实现方法可以参考下面的代码：

<div class="row">
  <div class="col-xs-12">
    <!-- 这里放置内容 -->
  </div>
</div>
<div class="row">
  <div class="col-xs-12">
    <!-- 这里放置下方的段落 -->
  </div>
</div>

在上面的代码中，我们使用了两个不同的 `row` 和 `col-xs-12`，并将内容和段落分别放置在不同的容器中。这样就能够实现让一个段落放在 `col-xs-12` 的下方了。如果需要增加段落的高度，可以在 `col-xs-12` 的内部添加额外的内容或样式。

bootstrap v3 中的col-xs-12横向放不下去一个段落时， 如何增加col-xs-12的长度，让一个段落放在他的下边

如果一个段落在 `col-xs-12` 中横向放不下，可以考虑使用 `col-sm-12`、`col-md-12` 或 `col-lg-12` 来增加它的长度，从而让段落在 `col-xs-12` 的下方显示。另外，也可以考虑使用 `clearfix` 来清除浮动，避免布局混乱。具体的实现方法可以参考下面的代码：

<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    <!-- 这里放置内容 -->
  </div>
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    <!-- 这里放置下方的段落 -->
  </div>
  <div class="clearfix"></div>
</div>

在上面的代码中，我们使用了 `col-xs-12`、`col-sm-12`、`col-md-12` 或 `col-lg-12` 来控制容器的宽度，并使用 `clearfix` 来清除浮动。这样就能够实现让一个段落放在 `col-xs-12` 的下方了。