twitter-bootstrap – Bootstrap 4 – 我不希望列具有相同的高度

发布时间：2020-12-18 00:05:29 所属栏目：安全来源：网络整理

导读：在这个bootstrap 4示例中,2列具有相同的高度. 我不想要这个. 这是一个快速解决方案吗？ div class="col-lg-3 card bg-faded" h1smallSome favorites/small/h1 ul liCelery root/li liSpaghetti Squash/li liKiller Mushrooms/li /ul /div div class="col-lg-

在这个bootstrap 4示例中,2列具有相同的高度.
我不想要这个.
这是一个快速解决方案吗？

<div class="col-lg-3 card bg-faded">
      <h1><small>Some favorites</small></h1>
      <ul>
        <li>Celery root</li>
        <li>Spaghetti Squash</li>
        <li>Killer Mushrooms</li>
      </ul>
    </div>

    <div class="col-lg-9">
      <h1>Wild & Wicky Vegetables</h1>
      <p>Kale c.....t.</p>
    </div>
</div><!--row-->

解决方法

是的,您可以在行上使用d-block,并在列上向左浮动,以使其使用浮动列而不是flexbox的Bootstrap 3.x方式.

<div class="row d-block">
    <div class="col-lg-3 float-left">
        ..
    </div>
    <div class="col-lg-9 float-left">
        ..
    </div>
</div>

https://www.codeply.com/go/Ghhq1NbMDG

有关：
Bootstrap 4 Columns float style like Bootstrap 3 is it possible?
Empty vertical space between columns in Bootstrap 4

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!