问题如何将两个容器并排放置在自举中？

我尝试并排放置两个容器，但它们堆叠在一起。即使是容器流体类也无济于事。

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            Container Left
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            Container Right
        </div>
    </div>
</div>

在Bootstrap有可能吗？

2035

2018-03-29 13:38

起源

可能这会有所帮助 - > stackoverflow.com/questions/19789954/... - Vishal Nair

答案:

Bootstrap使用12列网格，所以你的每一个 divs将自己占据一席之地。您还将每个放在一行中，行总是堆叠。尝试这个：

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-6">
            Container Left
        </div>
        <div class="col-lg-6">
            Container Right
        </div>
    </div>
</div>

2018-03-29 13:45

我需要col-lg-6（左）不依赖于col-lg-6（右） - Andrey Langovoy

那么，有可能以某种方式并排使用两个容器吗？ - Andrey Langovoy

这对我有一些视差滚动的东西，谢谢！ - Christian O'Rourke

通过将列包装在父容器和弹性框中，可以将独立列彼此相邻放置。列将自动具有相等的宽度。这是一个例子。

HTML

<div class="parent-container">
    <div class="container">
        <div class="row">
            <div class="col">
                Container Left
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="col">
                Container Right
            </div>
        </div>
    </div>
</div>

CSS

.parent-container {
   display: flex;
}

2017-12-31 03:14

事情就是这样 container-fluid 现在由...重新调整 container http://www.bootply.com/bootstrap-3-migration-guide 但这不是问题。试试吧 .col-md-offset-* 移动 *列右侧的列。看一下这个 http://getbootstrap.com/css/#grid

-1

2017-07-02 11:19

问题 如何将两个容器并排放置在自举中？

答案:

热门问题

问题如何将两个容器并排放置在自举中？