bootstrap rowspan 2 for middle column

时间:2016-01-24 21:53:59

标签: css twitter-bootstrap

我尝试使用bootstrap创建下表,需要跨越2行的中间列。我遇到了问题。有帮助吗?我知道下面的代码根本就没有。

<div class="row">
<div class=col-sm-2">1</div>
<div class="col-sm-8">2</div>
<div class=col-sm-2">3</div> 
</div>
<div class="row">
<div class=col-sm-2">4</div>
<div class=col-sm-2">5</div>
</div>

enter image description here

1 个答案:

答案 0 :(得分:1)

你只需要看一下发生的事情有点不同。你实际上想要一行3列

  • 第1栏:#1&amp; #4
  • 第二栏:#2
  • 第3栏:#3&amp; #5
<div class="row">
  <div class="col-sm-2">
    <div> 1</div>
    <div> 4</div>
  </div>
  <div class="col-sm-8">
    2
  </div>
  <div class="col-sm-2">
    <div> 3</div>
    <div> 5</div>
  </div>
</div>