Html 如何在bootstrap中一行制作3个互动程序

我想在一行中显示3个瓷砖。在移动视图中，3个瓷砖也应该在一行中显示。现在，我只能在一行中看到3个瓷砖，但在移动视图中，它显示两个瓷砖在一行中。如何使3瓷砖应涵盖完整的行和相同的3瓷砖我需要显示移动也。im使用adminlte的设计主题

密码笔

64 ℃
油温

88安培
R电流

233 ⚡ 
R电压，单位为kva

尝试将要显示在一行中的所有元素的类更改为

col-xs-4

。

您没有正确关闭div

---

更改在引导中，网格总和必须等于12。然后，如果希望xs是一行，则需要更改为

col-xs-4

，因为您只有3个div

---

检查此处的更多信息：

如果希望布局始终为三列，请使用xs断点。不同的断点设计用于根据屏幕大小更改布局。

总和需要为12，例如在lg中，您需要更改为4，因为您有3个lg移动所有内容并仅保留

col-xs-4

它不工作，在3行中显示3个div。我只需要一行3个div你可以告诉我如何缩小div之间的间距col-xs-4{padding left:0；padding right:0；}正如你说的，我做了，但没有工作。你在第一个项目的末尾有一个未关闭的标签。我所附的内容我没有得到。你能修改我的代码吗？你的html代码中有标记“”。您需要将其更改为“”，它将正常工作。它就在第二个元素之前。

 <div class="row">
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-green">
                    <div class="inner">
                        <h3>64 &#8451;<sup style="font-size: 20px"></sup></h3>
                        <p><span>Oil Temperature</span></p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-thermometer-3"></i>
                    </div>
                    <a href="#" class="small-box-footer">
                        More info <i class="fa fa-arrow-circle-right"></i>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-yellow">
                    <div class="inner">
                        <h3>88<span style="font-size:30px">Amp</span></h3>
                        <p>R Current </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-flash"></i>
                    </div>
                    <a href="" class="small-box-footer">
                        More info <i class="fa fa-arrow-circle-right"></i>
                    </a>
                </div>
            </div>
            <div class="col-lg-3 col-xs-6">
                <!-- small box -->
                <div class="small-box bg-red">
                    <div class="inner">
                        <h3>233 <span style="font-size:20px">&#9889;</span> </h3>
                        <p>R Voltage in kva</p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-bolt"></i>
                    </div>
                    <a href="#" class="small-box-footer">
                        More info <i class="fa fa-arrow-circle-right"></i>
                    </a>
                </div>
            </div>
            </div>