Html 引导列元素之间的相等空间

CSHTML:

<div class="row">
    <div class="col-lg-4 box">
        <h2>Test1</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <p><input type="button" class="btn btn-default" value="Create &raquo" onclick="location.href='@Url.Action("Create", "Test1", new { area = ""})'" /></p>
    </div><!-- /.col-lg-4 -->
    <div class="col-lg-4 box">
        <h2>Test2</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <p><input type="button" class="btn btn-default" value="Create &raquo" onclick="location.href='@Url.Action("Create", "Test2", new { area = ""})'" /></p>
    </div><!-- /.col-lg-4 -->
    <div class="col-lg-4 box">
        <h2>Test3</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <p><input type="button" class="btn btn-default" value="Create &raquo" onclick="location.href='@Url.Action("Create", "Test3", new { area = ""})'" /></p>
    </div><!-- /.col-lg-4 -->
</div><!-- /.row -->

.box{
    border: 2px solid black;
}

如何在这3个

div

之间创建相等的空间并使其居中？这在我的

旋转木马下

非常感谢您的帮助
我会在父行
.row
上使用弹性框


.box{
边框：2件纯黑；
弹性：1；
}
.框：第n个类型（2）{
保证金：0px 10px 0px 10px；
}
.行{
显示器：flex；
宽度：100%；
}

测试1
Lorem ipsum dolor sit amet，是一位杰出的献身者


测试2
Lorem ipsum dolor sit amet，是一位杰出的献身者


测试3
Lorem ipsum dolor sit amet，是一位杰出的献身者


仅使用引导脚手架类，这并不太棘手-您只需开始使用嵌套列，并将偏移类应用于连续列即可。例如：


.box{
边框：2件纯黑；
}

测试1
Lorem ipsum dolor sit amet，是一位杰出的献身者



测试2
Lorem ipsum dolor sit amet，是一位杰出的献身者



测试3
Lorem ipsum dolor sit amet，是一位杰出的献身者



你说的等间距是什么意思？如中所示，是否要在列的两侧添加空白？这包括在外边缘还是在列之间？@Serlite在列之间。但我意识到这可能是不可能的，因为3个引导列最多等于12（
col-lg-4
），引导只允许每行最多12列！我也清理了一下代码片段。很高兴我能帮上忙，不管你最终使用哪种解决方案！