Twitter bootstrap 为什么Bootstrap没有'；我坐不下整排？

我正在尝试在我的网站上使用引导。在header中，我想用两列组成一行：一列在左边，一列在右边，两列之间留有空格。所以我写了下面这样的代码。左列正是我想去的地方-在左角。。但是右栏不想向右，我不知道为什么

<header class="head">
    <div class="row">
        <div class="col-xs-12 col-md-4">
            <p>Lorem ipsum</p>
        </div>
        <div class="col-xs-12 col-md-4 col-md-offset-4">
            <p>Lorem ipsum</p>
        </div>
    </div>
</header>

同侧眼睑

同侧眼睑

---

。我做错了什么

当您开始混合行和列时，引导会变得很挑剔。根据我的经验，“向右拉”类通常需要在不同的地方才能正确工作

问题的一部分是在同一行中放置两个12格宽的div标记。由于引导网格的宽度限制为12个单位，因此不能要求总共24个单位。为了保持整洁，我甚至调整了这些值，然后在第二列的

div中添加了一个“pull right”类。您可能希望在第二列中使用“pull right”类放置一个inline或block div，以使其中的所有内容保持右对齐

这是最新的提琴： 简而言之，这里有一些重大变化：

 <div class="col-xs-6 col-md-5 col-md-offset-2">
        <p class="pull-right">Lorem ipsum</p>

Lorem ipsum

我希望这能让你走上正确的道路

您的右栏位置正确，但由于默认情况下文本是左对齐的，因此看起来可能位置不正确。要解决此问题，请使用

text center

将两列居中对齐，或左对齐左列（

text left

或保留默认值），右对齐右列（

text right

）：

同侧眼睑

同侧眼睑

同侧眼睑

同侧眼睑

在我看来是正确的：。。。您是否只希望文本在右栏上右对齐？结果会根据小提琴结果框的大小而变化。事实上，这是文本对齐的问题，而不是列的位置。现在一切都清楚了。非常感谢。

<header class="head">
    <div class="row">
        <div class="col-xs-12 col-md-4 text-center">
            <p>Lorem ipsum</p>
        </div>
        <div class="col-xs-12 col-md-4 col-md-offset-4 text-center">
            <p>Lorem ipsum</p>
        </div>
    </div>
</header>

<header class="head">
    <div class="row">
        <div class="col-xs-12 col-md-4">
            <p>Lorem ipsum</p>
        </div>
        <div class="col-xs-12 col-md-4 col-md-offset-4 text-right">
            <p>Lorem ipsum</p>
        </div>
    </div>
</header>