网站建设好后,在不同客户媒体上查看网页时,针对不同的屏幕大小,有时需要显示和隐藏部分内容。Bootstrap响应式工具类,就提供了这种解决方案。
//超小屏幕激活显示
<div class="visible-xs-block a">Bootstrap</div>
//超小屏幕激活隐藏
<div class="hidden-xs a">Bootstrap</div>
注:对于显示的内容,有三种变体,分别为:block、inline-block、inline。
学会了Bootstrap响应式工具类对网站在不同屏幕上那些要显示和隐藏就很好控制了。如在电脑上显示网站,可以左右2栏,手机屏幕上只显示一栏可以轻松设置。更多Bootstrap响应式排版网站设计请关注后面的文章教程介绍哟!