Question

有没有办法让嵌套列的高度等于行高？目前它们仅相当于行高的75％。我已经尝试设置列高与css，但这似乎也不起作用。

<body>
    <div class="container">
        <!-- HEADER AND TODO COUNT -->
        <div class="row">
            <div class="col-md-4 text-center">
              <div class="row">
                <div class="col-md-12">
                    <h1>Current Visitors</h1>
                    <h2>0</h2>
                </div>
              </div>
              <div class="row">
                <div class="col-md-12">
                  <h1>Online Orders</h1>
                  <h2>00</h2>
                </div>
              </div>
            </div>
            <div class="col-md-8">
                Grid Here
            </div>
        </div>
</body>

Answer 1

我认为你在找这样的东西？ https://jsfiddle.net/0cL2qaq1/3/

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

Bootstrap嵌套行列高度

1 个答案: