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

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap 4 – 我不希望列具有相同的高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在这个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

原文链接:https://www.f2er.com/bootstrap/447207.html

猜你在找的Bootstrap相关文章