我正在尝试使用Bootstrap网格布局来制作下面的布局。有一个包含两个半宽度div(
<div1>
和<div2>
)的容器<div class="row">
。 <div1>
的高度将根据内容大小而更改。并且再次,<div2>
应该有两个子div(<div2-1>、<div2-2>
),每个子div高度为<div1>
的一半。我如何使用Bootstrap网格系统制作此布局?
我尝试过那样做,但不起作用。<div class="row">
<div class="col-md-6" id="div1">
Some content...
</div>
<div class="col-md-6" id="div2">
<div id="div2-1" style="height:50%;">
</div>
<div id="div2-2" style="height:50%;">
</div>
</div>
</div>