html - 引导嵌套视图

Question

我想用 Bootstrap 元素实现以下布局，有什么建议吗？

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>1</td>
        <td rowspan="2">unified columns</td>
      </tr>
      <tr>
        <td>2</td>
        </tr>
    </table></td>
  </tr>
</table>

尝试从Bootstrap 站点上的示例中执行此操作，但无法获得相同的视图。

Answer 1

都是行和跨度。您有一排具有内行和内跨度等。

<div class="row">
    <div class="span6">
        <div class="row">
            <div class="span2">
                <div class="row">
                    <div class="row">
                        <div class="span2">hello</div>
                    </div>
                    <div class="row">
                        <div class="span2">bootstrap</div>
                    </div>    
                </div>
            </div>
            <div class="span4">
                example
            </div>  
        </div>
    </div>
</div>