javascript - 使用左拉/右拉时，Bootstrap 无法正确对齐文本

Question

我使用 bootstrap 3 绘制了一口井，其中包含 3 个区域:左侧区域、中心区域和右侧区域。在每个区域，我将绘制文本、输入数据并使用一些 gryphicons。

我无法在井内垂直或水平对齐它。这是我的示例代码。

<div class="well">
    <small class="pull-left">LeftText</small>
    <small>CenterText</small>
    <small class="pull-right">RightText</small>
</div>

在这里查看 jsfiddle:JsFiddle Example

我怎样才能修复它并使其以正确的对齐方式工作？

感谢您的帮助。

Answer 1

你可以这样做。

<div class="well">
        <div class="col-xs-4">
            <p class="text-left">LeftText</p>
        </div>

        <div class="col-xs-4">
            <p class="text-center">CenterText</p >
        </div>

        <div class="col-xs-4">
            <p  class="text-right">RightText</p >
        </div>
    </div>

我已经相应地更新了 fiddle 。