首页 > 其他 > 详细

Bootstrap页面布局7 - Bootstrap响应式布局的实用类

时间:2014-07-30 12:09:23      阅读:292      评论:0      收藏:0      [点我收藏+]

在bootstrap-responsive.css这个CSS样式表中已经为我们设定好了几个实用的类:

  .visible-phone:

     在智能手机设备上显示这个元素,在其他设备上隐藏该元素

  .visible-tablet:

     在平板电脑上显示这个元素,在其他设备上隐藏该元素

  .visible-desktop:

     在桌面电脑上显示这个元素,在其他设备上隐藏该元素

  .hidden-phone:

    在智能手机上隐藏,在其他设备上显示该元素

  .hidden-tablet:

    在平板电脑上隐藏,在其他设备上显示该元素

  .hidden-desktop:

    在桌面电脑上隐藏,在其他设备上显示该元素

 

  测试(略):

    先引入bootstrap-responsive.css文件

    然后再测试的元素上应用以上的类,通过调整浏览窗口的大小来测试!

Bootstrap页面布局7 - Bootstrap响应式布局的实用类,布布扣,bubuko.com

Bootstrap页面布局7 - Bootstrap响应式布局的实用类

原文:http://www.cnblogs.com/Zell-Dinch/p/3877527.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!