使用bootstrap在一个块中水平对齐两个块(不使用css)

c8ib6hqw 于 2023-01-27 发布在 Bootstrap

关注(0)|答案(1)|浏览(154)

由于 Bootstrap 中的余量，此代码无法工作

<div class="row">
    <div class="row1 col-lg-3">
       <div class="row2 col-lg-1"></div>
       <div class="row2 col-lg-1"></div>
    </div>
</div>

在css中你唯一能用的是高度和边框

.row1, .row2{
    border: 1px solid black;
}
.row1{
    height: 150px;
}
.row2{
    height: 70px;
}

1条答案

我不知道你想用你已经放进去的类来达到什么目的，但是这里发生了什么。

当屏幕大于1200px时，它将应用您添加的类，这意味着这两个div将成为列，就像您的情况一样。
但是如果屏幕小于1200px，两个css类就不能工作，你会得到这个，我认为这就是你想要达到的：

所以你只需要删除col-lg-1，它就会按照你的意图工作。