bootstrap框架-针对性清除

clearfix类会强制清除当前元素的上方的浮动,相当于在这个元素中使用

clear:both

 但是clearfix类是在想要清除浮动元素上面在创建一个div元素,在里面设置这个类。才会可以清除浮动。

<div class="clearfix visible-sm"></div>
<div class="about col-sm-12 col-md-6 ">   //想要清除浮动的元素
    <h3>About Us</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit.</p>
    <a class="btn btn-default btn-xs pull-right" href="#">Learn more <span class="fa fa-circle-arrow-right"></span></a>
</div>

猜你喜欢

转载自www.cnblogs.com/ZwjFronTend/p/9327316.html