跳到主要内容

Bootstrap中有关元素浮动及清除浮动的class?

参考答案:

在 Bootstrap 中,有关元素浮动及清除浮动的类主要包括以下几个:

  1. 浮动类

    • .float-left:使元素向左浮动。
    • .float-right:使元素向右浮动。
    • .float-none:取消元素的浮动。
    • .float-sm-left.float-sm-right.float-sm-none:在小型设备上(宽度 >= 576px)应用浮动或取消浮动。
    • .float-md-left.float-md-right.float-md-none:在中等设备上(宽度 >= 768px)应用浮动或取消浮动。
    • .float-lg-left.float-lg-right.float-lg-none:在大型设备上(宽度 >= 992px)应用浮动或取消浮动。
    • .float-xl-left.float-xl-right.float-xl-none:在超大设备上(宽度 >= 1200px)应用浮动或取消浮动。
  2. 清除浮动类

    • .clearfix:用于清除浮动,防止浮动元素对其他元素产生影响。

这些类可以帮助你更灵活地控制元素的浮动和清除浮动,以适应不同的布局需求。在使用时,只需将这些类添加到需要浮动或清除浮动的元素上即可。