相关疑难解决方法(0)

我正在使用Bootstrap.如何将三根柱子制成相同的高度？

这是问题的屏幕截图.我希望蓝色和红色的列与黄色列的高度相同.

这是代码:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
<div class="row">
    <div class="col-xs-4 panel" style="background-color: red">
        some content
    </div>
    <div class="col-xs-4 panel" style="background-color: yellow">
        catz
        <img width="100" height="100" src="https://lorempixel.com/100/100/cats/">
    </div>
    <div class="col-xs-4 panel" style="background-color: blue">
        some more content
    </div>
</div>
</div>

默认情况下,DIV的高度由其内容决定.

但是,我重写它并使用jQuery显式设置高度:

$('div#someDiv').height(someNumberOfPixels);

我该怎么扭转呢？我想删除高度样式并使其恢复到自动/自然高度？

我有一个div.row包含 3 个不同内容的面板：

<div class="row equal">

    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-body">
          <h3>Title 1</h3>
          <p>This is a paragraph</p>
          <p>This is a paragraph</p>
        </div>
      </div>
    </div>

    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-body">
          <h3>Title 2</h3>
          <p>This is a paragraph</p>
          <p>This is a paragraph</p>
          <p>This is a paragraph</p>
        </div>
      </div>
    </div>

    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-body">
          <h3>Title 3</h3>
          <p>This is a paragraph</p>
        </div>
      </div>
    </div>

</div>

我想将所有面板设置为具有相同的高度，无论它们的内容如何，​​就像在这个主题Twitter Bootstrap 3 - 流体行中的等高面板一样，所以我已经设置了我的.equal类。

.equal, .equal …