Twitter bootstrap 3 在bootstrap中,如何在一列中有两行,在另一列中有单行?

Twitter bootstrap 3 在bootstrap中,如何在一列中有两行,在另一列中有单行?,twitter-bootstrap-3,Twitter Bootstrap 3,我希望实现下表,其中name列使用两行,age和location使用一行。文本将在其自己的行中居中: 这个引导程序兼容吗?如果是,您将如何实现这样一个表 谢谢。是的,您可以在引导中嵌套行和列。标记看起来像这样 <div class="container"> <div class="row"> <div class="col-sm-4"> <h1>Name</h1> <div class="ro

我希望实现下表,其中name列使用两行,age和location使用一行。文本将在其自己的行中居中:

这个引导程序兼容吗?如果是,您将如何实现这样一个表


谢谢。

是的,您可以在引导中嵌套行和列。标记看起来像这样

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <h1>Name</h1>
      <div class="row">
        <div class="col-sm-6">
          <p>John Smith</p>
        </div>
      </div>
      <div class="row">
        <div class="col-sm-6">
          <p>Contractor</p>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <h1>Age</h1>
    </div>
    <div class="col-sm-4">
      <h1>Location</h1>
    </div>
  </div>
</div>

名称
约翰·史密斯

承包人

年龄 位置
不确定是否需要为此启动行?您可以使用换行符,例如$name
$position作为名称列的值,并在表的TDs上设置垂直对齐:中间样式属性。