如何对齐引导程序 4 列以在较小的屏幕上并排放置？

Question

我在大屏幕上有一行和 2 列。我试图保持 2 列在较小的屏幕上彼此对齐。说，768px。

<div class="row">
<div class="col-md-6">
<p> This is just a test</p>
</div>
<div class="col-md-6">
<p> This is just a test</p>
</div>
</div>

Answer 1

如果您希望它们始终并排放置，只需使用 col：

<div class="row">
    <div class="col">
        <p> This is just a test</p>
    </div>
    <div class="col">
        <p> This is just a test</p>
    </div>
</div>

将数字应用于“col”将要求该列至少具有一定的宽度（取决于数字）。通过不指定数字，它将要求列尽可能窄，以便将它们保持在同一行中。