<div class="col-sm-2" style="text-align: right;" >
mytext1
</div>
<div class="col-sm-2" style="text-align: right;" >
mytext2
</div>
<div class="col-sm-2" style="text-align: right;" >
mytext3
</div>
我只需要减少秒div的大小，我不想使用col-sm-1，因为它太小，不想要col-sm-2，因为它太大.但我需要一个介于col-sm-1.5之间的东西，有没有办法解决这个问题.
您可以定义您的自定义类.由于 bootstrap sm-1和sm-2对应于8.33%和16.66%，因此您可以创建自定义类，如下所示:
.col-sm-1-5 {
flex: 0 0 12.5%;
max-width: 12.5%;
}<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" rel="stylesheet" />
<div class="col-sm-1" style="text-align: right;">
col-sm-1
</div>
<div class="col-sm-1-5" style="text-align: right;">
col-sm-1-5
</div>
<div class="col-sm-2" style="text-align: right;">
col-sm-2
</div>