Question

我有点问题。我有一个全宽的行，上面有一些css样式，在这行中我有两个不同的列大小，你可以在我的代码中看到。

我需要做的是 col-xs-12 col-lg-3 ＆amp; col-xs-12 col-lg-9 将位于网站的容器中，类似于1220px宽度。第一列是垂直菜单，宽度为20％，第二列是宽度为80％的滑块。

在这种情况下，我怎么能把这个放在中心位置。谢谢你的回答。

<div class="different-row-class">
    <div class="col-xs-12 col-lg-3"></div>
    <div class="col-xs-12 col-lg-9"></div>
</div>

Answer 1

你的问题看起来很模糊，也许这可以帮到你：

如果您希望不同的行类填充100％宽度，请使用＆＃34; container-fluid＆＃34;。结束你上面开始的容器。

然后：

<div class="container-fluid different-row-class">
    <div class="container">
        <div class="col-xs-12 col-lg-3"></div>
        <div class="col-xs-12 col-lg-9"></div>
    </div>
</div>

您可以随时避免使用嵌套容器。

希望这有帮助。

Answer 2

<div class="container>
    <div class="col-xs-12 col-lg-3"></div>
    <div class="col-xs-12 col-lg-9"></div>
</div>

将你的div放入容器

如何在<div>中居中2 <div>？

2 个答案: