使用 bootstrap（不使用 css）在一个块中水平对齐两个块

Question

由于引导程序中的边距，此代码不起作用

<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;
}

Answer 1

我不知道你想用你已经放在那里的课程来实现什么，但这就是正在发生的事情。

当屏幕大于 1200px 时，它将应用您添加的类，这意味着两个 div 将变成列，就像您拥有的情况一样。

但是如果屏幕小于 1200px 两个 css 类不起作用，你会得到这个，我认为这就是你想要实现的目标：

所以你只需要删除col-lg-1它就会按你的预期工作。