Question

如何在引导程序中执行这样的网格：

<table border=1>
  <tr>
  <td style="height: 30px">aaaa</td><td rowspan="2">bbbb</td>
  </tr>
  <tr>
  <td style="font-size: 9px">cccccccc</td>
  </tr>
</table>

https://jsfiddle.net/68anykfe/1/

这可能吗？

我试过了：

<div class="container">
        <div class="row">
            <div class="col-lg-9">
                <div class="row">
                    <div class="col-lg-12" style="height: 60px">aaaaa</div>
                </div>
                <div class="row">
                    <div class="col-lg-12">ccccc</div>
                </div>
            </div>
            <div class="col-lg-3">
                bbbbb
            </div>
        </div>
    </div>

在这个例子中，我希望“bbbbbb”已经与底部对齐。

Answer 1

我认为这就是你要求的？ https://jsfiddle.net/eye4ytq2/8/

<div class="col-xs-2 border">
  <div class="row">
    <div class="col-xs-6">
      <div class="row">
        <div class="col-xs-12  border" style="height: 60px">aaaaa</div>
        <div class="col-xs-12  border">ccccc</div>
      </div>
    </div>
    <div class="col-xs-6  border" style="height: 81px">
      bbbbb
    </div>
  </div>
</div>

Rowspan和heigth top column in bootstrap

1 个答案: