如何在bootstrap中禁用相同高度的列4.0

-1

经过几个小时拉我的头发，为什么我的列都被设置为相同的高度，我学会了bootstrap现在自动在v4中自动发送这种方式。一个人如何去关闭这个问题，并对v3的正常列做坏事？如何在bootstrap中禁用相同高度的列4.0

谢谢。

<div class="container"> 
      <div class="row"> 
      <div class="col-sm-8"> 
       <p> Hi, I'm a small container. </p> 
      </div> 
      <div class="col-sm-4"> 
       <h1> Hi, I'm a much bigger container. </h1> 
      </div> 
      </div> 
    </div>

在这个例子中，我较小的div的高度被拉伸，因此它与较大文本的高度相同。这是我想要避免的。

来源

2017-10-08 Victor A.

请把你的代码，以便我们可以理解你的努力 –

更新了它，谢谢。 –

在引导4有Flexbox的实用工具，使您可以添加.align伪项开始到.row：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="row align-items-start"> 
 
    <div class="col-lg-4 col-md-4 col-sm-4 hidden-xs-down"> 
 
     Some content on the left that's going to be smaller than right 
 
    </div> 
 
    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12"> 
 
    A <br/> 
 
    B <br/> 
 
    C <br/> 
 
    D <br/> 
 
    E <br/> 
 
    F <br/> 
 
    </div> 
 
</div>

来源

2017-10-08 11:07:23

完美，正是我所需要的。谢谢！ –

如何在bootstrap中禁用相同高度的列4.0

回答

相关问题