网格正在引导程序中加入新行

问题描述 投票:0回答:1

我创建了一个网格,但在桌面上它显示了两行,如图像中所示,在电话视图中,它正在完美显示这是代码

<div class="row">
        <div class="col-md-3 col-lg-3 col-sm-3 col-xs-6">
            <h3>test 1</h3>
        </div>
        <div class="col-md-3 col-lg-3 col-sm-3 col-xs-6">
            <h3>test2</h3>
        </div>
        <div class="col-md-3 col-lg-3 col-sm-3 col-xs-6">
            <h3>test3</h3>
        </div>
        <div class="col-md-3 col-lg-3 col-sm-3 col-xs-6">
            <h3>test4</h3>
        </div>
    </div>

enter image description here

bootstrap-4 grid
1个回答
0
投票

尝试以这种方式实施。您需要了解有关引导网格结构的更多信息。

© www.soinside.com 2019 - 2024. All rights reserved.