在division row类中的列上放置边框

Question

下面是我的代码：

​

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container" style="padding-top: 50px;">
        <div class="row">
            <div class="border col-md-5 px-5 py-5">
                Hi
            </div>
            <div class="border col-md-5 ">
                   Hi
                </div>
            </div>
        </div>

​

我想要放置一个边框，它只覆盖具有col-md-5类的列。我试着用row和container类把边框(bootstrap)放在div中。当我在类中一行放置边框时，边框几乎是可以接受的，但问题是它覆盖了两列之后的额外空间。请帮帮我。

Answer 1

Bootstrap边框也是"substractive"的，所以你可以在列上删除左边/右边的边框。

<div class="container" style="padding-top: 50px;">
    <div class="row">
        <div class="border border-right-0 col-md-5 px-5 py-5"> Hi </div>
        <div class="border border-left-0 col-md-5 "> Hi </div>
    </div>
</div>

https://codeply.com/p/FC3sJALVVH