Html 引导：左边和右边的三号行？

我有如下的东西

<div class=content-fluid>
    <div class=page-header>
        <div class=row>
            <div class="pull-left col-md-3">
                ...
            </div>
            <div class="pull-right col-md-3">
                <div class="row">
                    ...
                </div>
            </div>
        </div>
    </div>
</div>

...
...

我想要的是，右列始终保持其大小，而不是进入“小模式”，即每列成为一个全宽行，并且当窗口太小时，右列在左列下方滑动。这是相当复杂的实现

---

感谢您的帮助。

除了您的

col-md-3

类之外，您还必须实现的引导

col-sm-3

和

col-xs-3

类。您可以在官方引导网站上查看他们的网格文档

因此<代码>

---

您还可以根据视口大小将它们设置为不同的宽度，例如：

您应该这样使用引导网格吗

<div class=content-fluid>
        <div class=page-header>
            <div class=row>
                <div class="pull-left col-md-3 col-sm-12 col-xs-12">
                    ...
                </div>
                <div class="pull-right col-md-3 col-xs-3 col-sm-3 col-lg-3">
                    <div class="row">
                        ...
                    </div>
                </div>
            </div>
        </div>
    </div>

...
...

---

使用col-3表示引导网格的所有“尺寸”，12表示左侧的小尺寸，除非您定义，否则应为容器流体，每个尺寸适用于所有更大的尺寸。要使标记更简单，可以使用