是的,可以使用size classe对Bootstrap 4中的列进行重新排序。size classe是Bootstrap 4中用于控制列在不同屏幕尺寸下的显示顺序的类。通过在列的class属性中添加不同的size classe,可以实现在不同屏幕尺寸下的列重新排序。
例如,如果想要在小屏幕设备上将一个列放在另一个列的前面,可以使用order-first
类。如果想要在大屏幕设备上将一个列放在另一个列的后面,可以使用order-last
类。
以下是一些常用的size classe及其对应的屏幕尺寸:
order-first
:在所有屏幕尺寸下将列放在最前面。order-last
:在所有屏幕尺寸下将列放在最后面。order-sm-first
:在小屏幕设备上将列放在最前面。order-sm-last
:在小屏幕设备上将列放在最后面。order-md-first
:在中等屏幕设备上将列放在最前面。order-md-last
:在中等屏幕设备上将列放在最后面。order-lg-first
:在大屏幕设备上将列放在最前面。order-lg-last
:在大屏幕设备上将列放在最后面。order-xl-first
:在超大屏幕设备上将列放在最前面。order-xl-last
:在超大屏幕设备上将列放在最后面。通过使用这些size classe,可以根据需要在不同屏幕尺寸下重新排序Bootstrap 4中的列。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云