Bootstrap从入门到项目实战
上QQ阅读APP看书,第一时间看更新

5.6.1 实现浮动

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

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

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

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

【例5.20】浮动示例。

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

图5-22 浮动效果