在Bootstrap 4中,可以使用以下两个类来实现左浮动和右浮动。
■ .float-left:元素向左浮动。
■ .float-right:元素向右浮动。
设置浮动后,为了不影响网页的整体布局,需要清除浮动。Bootstrap 4中使用.clearfix类来清除浮动,只需把.clearfix添加到父元素中即可。
【例5.20】浮动示例。
在IE 11浏览器中运行结果如图5-22所示。
图5-22 浮动效果