堆叠bootstrap列div

Question

我想堆叠一个bootstrap列，以便它有一个作业标题，下一行作业位置，然后是作业等。这样做的正确方法是什么？

小提琴：

http://jsfiddle.net/d3zcnzdf/

<div class="job-content">
  <div class="row">
    <div class="col-xs-12">
      <div class="col-xs-6">
        <h4 style="float:left">Senior Engineer Manager</h4>
        <br>
            <p style="float:left">Toronto, Taiwan</p>

            <h4 style="float:left"> Senior Community Writer</h4>
              <p style="float:left">Miami</p>
          <h4 style="float:left">Andriod Developer</h4>
        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

只需从style="float:left"和h4标记中删除p即可。这是一个分叉的jsFiddle