- Bootstrap从入门到项目实战
- 李爱玲
- 151字
- 2025-02-23 08:23:42
4.10 排列顺序
使用一些order实用程序可以实现弹性项目的可视化排序。Bootstrap仅提供将一个项目排在第一或最后以及重置DOM顺序的功能,由于order只能使用整数值(例如:5),因此对于任何额外值都需要自定义CSS样式。
【例4.12】排列顺序案例。

在IE 11浏览器中运行结果如图4-12所示。

图4-12 排列顺序效果
排列顺序也可以添加响应式的设置,响应式类如下:

使用一些order实用程序可以实现弹性项目的可视化排序。Bootstrap仅提供将一个项目排在第一或最后以及重置DOM顺序的功能,由于order只能使用整数值(例如:5),因此对于任何额外值都需要自定义CSS样式。
【例4.12】排列顺序案例。
在IE 11浏览器中运行结果如图4-12所示。
图4-12 排列顺序效果
排列顺序也可以添加响应式的设置,响应式类如下: