html 不均匀的Bootstrap列(由于高度)修复

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 不均匀的Bootstrap列(由于高度)修复相关的知识,希望对你有一定的参考价值。

<div class="row">
  <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
  <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>

  <!-- Add the extra clearfix for only the required viewport -->
  <div class="clearfix visible-xs-block"></div>

  <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
  <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
</div>

以上是关于html 不均匀的Bootstrap列(由于高度)修复的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap中一行中所有列的高度相同

Bootstrap - 我不希望列具有相同的高度

React-Bootstrap <Row> 高度不正确

Bootstrap 3 Grid如何使嵌套列的高度与最大的列相同

Bootstrap 网格系统 - 如何使两列高度相等? [复制]

从 Bootstrap 4 行溢出的文本