引导文本对齐[关闭]答案

【问题标题】：Bootstrap text aligning [closed]引导文本对齐[关闭]
【发布时间】：2015-03-19 23:22:40
【问题描述】：

我在网站上的文字是这样的：

Username: text
money: text
level: 5
rank: new

我想把它改成这样：

Username:    text
money:       text
level:       5
rank:        new

使用引导程序。

我该怎么做？

我的代码是：

<div class="caption">
money: <span class="label label-default">1354</span><br/>
bank money: <span class="label label-default">2314 <i class="fa fa-money"></i></span><br/>
gold: <span class="label label-warning">15</span><br/>
</div>

【问题讨论】：

请提供您当前的代码。
这是一个地方...我会使用一张桌子。
@George 我将代码添加到我的问题中。 Paulie_D，我知道如何使用表，但我不确定它是否会针对我的引导程序进行优化。我希望它响应迅速。

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

引导文档非常清晰。使用col-*-* 类来做你需要的事情。网格系统是引导程序的基本原理。

表单示例（水平）为您提供所需的内容：RTFM here

为了简化：

<div class="row">
  <div class="col-sm-2">Username</div><div class="col-sm-10">text</div>
  <div class="col-sm-2">money</div><div class="col-sm-10">text</div>
</div>

【讨论】：