Bootstrap:并排标签

时间:2018-05-22 22:09:29

标签: twitter-bootstrap twitter-bootstrap-3

使用bootstrap在下图中重现并排标签的最佳方法是什么?

enter image description here

1 个答案:

答案 0 :(得分:1)

这个简单的事情出了什么问题

<div class="container" style="max-width: 300px;">
  <div class="row">
    <div class="col col-md-6">
      Broker Fee:
    </div>
    <div class="col col-md-6 text-right">
      $1,00.00
    </div>
  </div>
    <div class="row">
    <div class="col col-md-6">
      Premium:
    </div>
    <div class="col col-md-6 text-right">
      $1,800.00
    </div>
  </div>
    <div class="row">
    <div class="col col-md-6">
      Taxes/Fees:
    </div>
    <div class="col col-md-6 text-right">
      $224.00
    </div>
  </div>
</div>

http://jsfiddle.net/4ezhudo2