知识卡片

push/pull列排序不改浮动方向

专业/工作 · 172

内容

Bootstrap栅格系统交换两列位置时不改变float方向——所有列始终float:left,而是用相对定位的left/right属性把某列推(push)或拉(pull)到目标位置。这样无需为每种排列组合单独写浮动规则,靠float、left、right三个正交属性就能拼出任意换位效果。

参考来源

《深入理解Bootstrap》第2章《整体架构》