我有一个容器，填充值为5（p-5）。但是，我希望填充值在小屏幕上自动删除，而不需要编写更多的CSS，只使用引导类。
<div class="container-fluid text-center p-5"> <div class="row"> <div class="col-sm-4 d-none d-sm-none d-md-none d-lg-block"> <accordion /> </div> </div> </div>
66bbxpm51#
您可以在包含填充的div上使用**.d-sm-none**类，以便在小屏幕上隐藏它：
<div class="container-fluid text-center p-5 d-sm-none"> <div class="row"> <div class="col-sm-4 d-none d-md-none d-lg-block"> <accordion /> </div> </div> </div>
d-sm-none**类将使div隐藏在“小”尺寸或更小的屏幕上，这意味着5 px的填充将在这些屏幕上被删除。
1条答案
按热度按时间66bbxpm51#
您可以在包含填充的div上使用**.d-sm-none**类，以便在小屏幕上隐藏它：
d-sm-none**类将使div隐藏在“小”尺寸或更小的屏幕上，这意味着5 px的填充将在这些屏幕上被删除。