twitter-bootstrap – 在Bootstrap的div中左对齐和右对齐

发布时间：2020-12-17 23:40:30 所属栏目：安全来源：网络整理

导读：什么是一些常见的方式左对齐一些文本和右对齐一些div容器内的其他文本在引导？例如 Total cost $42 以上总成本应为左对齐文本，$ 42为右对齐文本解决方法使用右键类。 div class="container" div class="row" div class="col-md-6"Total cost/div div cla

什么是一些常见的方式左对齐一些文本和右对齐一些div容器内的其他文本在引导？

例如

Total cost                   $42

以上总成本应为左对齐文本，$ 42为右对齐文本

解决方法

使用右键类。

<div class="container">
  <div class="row">
    <div class="col-md-6">Total cost</div>
    <div class="col-md-6"><span class="pull-right">$42</span></div>
  </div>
</div>

Demo

你也可以像这样使用文本正确的类：

<div class="row">
    <div class="col-md-6">Total cost</div>
    <div class="col-md-6 text-right">$42</div>
  </div>

Demo

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!