zoukankan      html  css  js  c++  java
  • Bootstrap页面布局7

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

      .visible-phone:

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

      .visible-tablet:

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

      .visible-desktop:

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

      .hidden-phone:

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

      .hidden-tablet:

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

      .hidden-desktop:

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

      测试(略):

        先引入bootstrap-responsive.css文件

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

    ---- 始终相信这句:
    ----“做每天该做的事,不计结果!”
    ---- 因爲對於編程還只是新手,對很多知識掌握的不牢靠,歡迎大家批評指正~~|=-=|~~
  • 相关阅读:
    mySQL远程访问
    PHP安装amqp操作记录
    storm与daemontools安装详解
    centos时间同步问题
    nf_conntrack: table full, dropping packet 解决
    rabbitmq主从搭建
    jsonp
    django 整理二
    django中表单验证
    ajax
  • 原文地址:https://www.cnblogs.com/Zell-Dinch/p/3877527.html
Copyright © 2011-2022 走看看