码迷,mamicode.com
首页 > Web开发 > 详细

使用bootstrap建立响应式网页

时间:2016-08-21 19:42:18      阅读:279      评论:0      收藏:0      [点我收藏+]

标签:

1、要建立响应式网站的布局,这个时候bootstrap的高级就能体现出来了。

2、先来了解一下bootstrap提供了哪些响应式工具供我们使用:

  (1)屏幕宽度尺寸的概念:

     <768px                         超小屏幕(手机)

      768px>=   <992px        小屏幕(平板)

     992px>=    <1200px      中等屏幕(桌面)

     >=1200px                     大屏幕(桌面)

  (2)通过单独或联合使用以下列出的类,可以针对不同屏幕尺寸隐藏或显示页面内容

技术分享

    隐藏的时候和面没有带*号,显示的时候带一个*号。这是因为,显示分为block、inline-block和inline三种情况。隐藏就是none,所以不带*号。

使用bootstrap建立响应式网页

标签:

原文地址:http://www.cnblogs.com/sylz/p/5793234.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!