Bootstrap 提供了一些辅助类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。
大屏幕
中屏幕
小屏幕
代码
<div class="container">
<div class="row">
<div class="col-xs-3">
<h1 class="visible-lg">超大显示字</h1>
</div>
<div class="col-xs-3">2</div>
<div class="col-xs-3 hidden-md">中屏幕隐藏</div>
<div class="col-xs-3">4</div>
</div>
</div>