是的,可以通过使用Bootstrap 4中提供的响应式工具类来让额外的小类在所有小屏幕设备中都能响应。Bootstrap 4提供了一套用于构建响应式布局的类,包括隐藏、显示、偏移、居中等工具类。
要使额外的小类在所有小屏幕设备中响应,可以使用d-*-none
类将其隐藏,在需要的屏幕尺寸上使用d-*-block
类将其显示。其中,*
可以是以下值之一:xs
、sm
、md
、lg
、xl
,分别代表不同的屏幕尺寸。
例如,如果想让一个额外的小类在所有小屏幕设备中都能响应,可以使用以下代码:
<div class="d-xs-none">
<!-- 额外的小类内容 -->
</div>
这样,该额外的小类在所有小屏幕设备上都会被隐藏。如果希望在某些特定的屏幕尺寸上显示该小类,可以使用d-*-block
类,例如:
<div class="d-xs-none d-md-block">
<!-- 额外的小类内容 -->
</div>
这样,该额外的小类在小屏幕设备上会被隐藏,在中等屏幕设备及以上的屏幕尺寸上会被显示。
推荐的腾讯云产品:暂无相关产品。
领取专属 10元无门槛券
手把手带您无忧上云