5.6.1 实现浮动

在Bootstrap 4中，可以使用以下两个类来实现左浮动和右浮动。

■ .float-left：元素向左浮动。

■ .float-right：元素向右浮动。

设置浮动后，为了不影响网页的整体布局，需要清除浮动。Bootstrap 4中使用.clearfix类来清除浮动，只需把.clearfix添加到父元素中即可。

【例5.20】浮动示例。

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