[!---class.name--]

自适应网站首选bootstrap框架

     Bootstrap 是目前市面上最流行的HTML、css、js框架,多用于自适应网站布局,可以兼容PC 和移动端。Bootstrap是开源程序,以轻巧便捷,使用简单,兼容所有设备的到来网站前端工程师的青睐。ijMHSP.TEC网站建设_网站制作_免费网站_免费企业网站模板下载

    下面简单和大家分享一下bootstrap的一些知识:ijMHSP.TEC网站建设_网站制作_免费网站_免费企业网站模板下载

     1、栅格化布局:最大的一个特点,也是我们最喜欢的就是bootstrap的栅格化布局。ijMHSP.TEC网站建设_网站制作_免费网站_免费企业网站模板下载

页面内容和栅格系统都包含在.container 容器里面,这是一个固定宽度且支持响应式布局的容器。还有一个是全屏容器.container-fluid。ijMHSP.TEC网站建设_网站制作_免费网站_免费企业网站模板下载

栅格系统基础结构,是由行.row和列.col-组成,每行可以分为12个列。如果列数超过12,将会进行换行。在使用过程中需要注意行和列之间的padding和marginijMHSP.TEC网站建设_网站制作_免费网站_免费企业网站模板下载

     2、响应式布局:结合媒体查询和栅格系统,bootstrap完美的解决了不同终端的自适应布局ijMHSP.TEC网站建设_网站制作_免费网站_免费企业网站模板下载

boostrap栅格系统的四种参数:超小屏幕<768 (col-xs-),小屏幕>768(col-sm-)、中屏幕>920(col-md-)、大屏幕>1200(col-lg-)。栅格系统参数的相互配合可以达到响应式布局,做出来的页面可以自适应所有终端设备的流量。ijMHSP.TEC网站建设_网站制作_免费网站_免费企业网站模板下载

    bootstrap还有很多,很多的功能,用处,将会陆续和大家分享。自适应网站建设领导者HSP.TECijMHSP.TEC网站建设_网站制作_免费网站_免费企业网站模板下载


 Copyright © 2012-2017 hsptec.com Inc.All rights reserved 京ICP备13018300号 网站建设 | 网站模板免费网站