Bootstrap - 如何将两个网格列并排放置，而不管网格宽度

Question

我正在尝试制作两个我想要并排渲染的div（bootstrap cols）。

对于XL，LG和MD的情况，我的宽度指数为9但是不能使超大的div水平排列，尽管父div上有足够的空间来适应（由于每个宽度为9加起来为18）。

首先，这是否可以在Bootstrap中使用，如果不是，需要合并哪些css mod来呈现效果？

   <div class="row">
    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-xs-12">
          First Container
    </div>
    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-xs-12">
          Second Container
    </div>
    </div>

Answer 1

将你的col-xs从12改为6

Answer 2

将它们并排渲染使用CSS代码如下col-xs-offset-2将使它与第一个容器分开2个刻度

<div class="row">
        <div class="col-xs-5 ">
              First Container
        </div>
        <div class="col-xl-5 col-xs-offset-2">
              Second Container
        </div>
        </div>