Css Bootstrap 4：超大屏幕上的响应式布局

我以这样的方式实现了一个容器，在额外的小屏幕上，他们应该指定宽度

 <div class="container w-60 border border-secondary">
                <h1 class="text-black-50 text-center mb-5 bg bg-light">Warenkorb</h1>  
            <hr/>
            <div class="row mt-5">
                <div class="col-xs-1">
                    <span>1x</span>
                </div>
                <div class="col-xs-6">
                    <small class="text-muted description">Some description</small>
                </div>
                <div class="col-xs-2">
                    <div class="btn-group" role="group" aria-label="quantity">
                        <button type="button" class="btn btn-default border border-success btn-sm align-bottom float-right" (click)="decreaseTheQuantity(item)"><span class="vertical-align: baseline;">-</span></button>
                        <button type="button" class="btn btn-default border border-success btn-sm align-bottom  float-right" (click)="increaseTheQuantity(item)"><span class="vertical-align: baseline;">+</span></button>
                      </div>
                </div>
                <div class="col-xs-1 float-right">
                   40€
                </div>
                <div class="col-xs-2">
                    <button type="button" class="btn btn-default btn-sm float-right" (click)="deleteTheItem(i)">
                        <span class="glyphicon glyphicon-trash  border border-success btn-sm align-top float-right btntrash"></span>  
                      </button>
                </div>
            </div>

对于上面的专栏，我使用的是float right，希望在price和trash按钮之间有一个很小的空间。我也无法做到这一点

你能给我一些建议吗？

引导程序4没有xs网格。您应该将col-xs-6更改为col-6，但如果您想在桌面或平板电脑版本上使用不同的网格，可以使用lg和md大小

---

引导程序4没有xs网格。您应该将col-xs-6更改为col-6，但如果您想在桌面或平板电脑版本上使用不同的网格，可以使用lg和md大小

我试过了，但还是在较小的设备上，垃圾箱按钮出现在下一行。这不是最好的解决方案，但将col-1更改为col-2，col-6更改为col-4。文本将换行，但您可以使用字体大小进行操作。我尝试过，但在较小的设备上，垃圾箱按钮仍会出现在下一行。这不是最佳解决方案，但可以将第1列更改为第2列，将第6列更改为第4列。文本将换行，但您可以使用字体大小进行操作。

 <div class="col-xs-1 float-right">
               40€
 </div>

.glyphicon.glyphicon-trash{
    font-size: 10px;
    top: -6px;
}

.btntrash{
    height:20px;
    top: -6px;
}