Bootstrap Jumbotron连续排列

Question

我一直试着没有成功。

我有一排有两个jumbotron，但我无法弄清楚如何让主题达到相同的高度。 我想bootstrapp css中存在划桨问题，但我不知道如何覆盖它..

这是它的样子：

<div class="row">
{% if project.has_member_responses %}
  <div class="col-8">
    <div class="jumbotron greenback">
      <h4>Welcome to the Project test "{{  project.name }}" Detail page</h4>
    </div>
  </div>
  <div class="col-4">
    <div class="jumbotron greenback">
      <div class="inner-score">
        <h6>Team Score</h6>
        <h4>85</h4>
      </div>

    </div>

  </div>
</div>

我怎样才能让这两个jumbotron具有相同的高度？

Answer 1

最简单的方法是修复 jumbotron的高度

.jumbotron.greenback {
  height:200px;
}