问题描述
我正在尝试为中型或更宽的屏幕提供更大的利润，但为小屏幕提供较小的利润。
<div class="mx-sm-1 mx-md-5">content</div>
它适用于中等或更宽的屏幕。但是小屏幕与此相关的利润为零。我在做什么错了？
编辑
这是一个JSfiddle。宽度等于或小于575px的页边距为零。
https://jsfiddle.net/3kdrxng6/2/
解决方法
尺寸很小的边距（这是我假设您要使用的边距）不需要中间的符号。 mx-1应该代替。
<div class="mx-1 mx-md-5">content</div>