Html 引导文本对齐

我在网站上的文字如下：

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>

货币：1354

银行存款：2314

金牌：15

引导程序文档非常清晰。使用

col-*-*

类执行您需要的操作。网格系统是bootstrap的基本原理

表格示例（水平）为您提供了所需内容：

要简化：

<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>

用户名文本
货币文本

请提供您当前的代码。这是一个地方……我将使用一个表格。@George我将代码添加到我的问题中。Paulie_D，我知道如何使用table，但我不确定它是否会优化到我的引导。我希望它是有反应的。