浅析bootstrap原理及优缺点


Posted in Javascript onMarch 19, 2017

网格系统的实现原理,是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。

bootstrap优缺点:

1.bootstap最近发布了bootstrap4,拥有了box-flex布局等更新,紧跟最新的web技术的发展

2.比较成熟,在大量的项目中充分的使用和测试

3.拥有完善的文档,使用起来更方便

4.有大量的组件样式,接受定制

缺点:

1.如果有自己特殊的需求,就需要重新定制样式,如果一个网站中有大量的非bootstrap“风格”的样式存在,那么你就需要做大量的css重写,因此也就失去了使用框架的意义。

2.会有兼容问题,虽然网上存在很多兼容IE的办法,但需要引入其他文件,有些还不小,势必导致加载速度变慢,影响用户体验。

以上所述是小编给大家介绍的浅析bootstrap原理及优缺点,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
非常好的js代码
Jun 27 Javascript
JS基于VML技术实现的五角星礼花效果代码
Oct 26 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
May 15 Javascript
原生js三级联动的简单实现代码
Jun 07 Javascript
AngularJS表单和输入验证实例
Nov 02 Javascript
jQuery插件版本冲突的处理方法分析
Jan 16 Javascript
js 用于检测类数组对象的函数方法
May 02 Javascript
基于vue2.0动态组件及render详解
Mar 17 Javascript
微信小程序canvas分享海报功能
Oct 31 Javascript
使用Vue生成动态表单
Nov 26 Javascript
微信小程序开发中var that =this的用法详解
Jan 18 Javascript
vue-quill-editor的使用及个性化定制操作
Aug 04 Javascript
jQuery中用on绑定事件时需注意的事项
Mar 19 #Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
Mar 19 #Javascript
JavaScript数据结构之链表的实现
Mar 19 #Javascript
用jQuery实现圆点图片轮播效果
Mar 19 #Javascript
Bootstrap 网格系统布局详解
Mar 19 #Javascript
用JavaScript和jQuery实现瀑布流
Mar 19 #Javascript
JSONP基础知识详解
Mar 19 #Javascript
You might like
Php注入点构造代码
2008/06/14 PHP
一个PHP分页类的代码
2011/05/18 PHP
CodeIgniter中实现泛域名解析
2014/07/19 PHP
Yii+upload实现AJAX上传图片的方法
2016/07/13 PHP
php in_array() 检查数组中是否存在某个值详解
2016/11/23 PHP
php获取ip及网址的简单方法(必看)
2017/04/01 PHP
Stop SQL Server
2007/06/21 Javascript
基于jquery的cookie的用法
2011/01/10 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
2014/06/24 Javascript
深入探密Javascript数组方法
2015/01/08 Javascript
简介JavaScript中的italics()方法的使用
2015/06/08 Javascript
JS验证邮件地址格式方法小结
2015/12/01 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
Bootstrap CSS布局之代码
2016/12/17 Javascript
jQuery插件artDialog.js使用与关闭方法示例
2017/10/09 jQuery
跟老齐学Python之有点简约的元组
2014/09/24 Python
python通过线程实现定时器timer的方法
2015/03/16 Python
Python简单遍历字典及删除元素的方法
2016/09/18 Python
对python numpy数组中冒号的使用方法详解
2018/04/17 Python
Python文件路径名的操作方法
2019/10/30 Python
使用PyOpenGL绘制三维坐标系实例
2019/12/24 Python
Python集合操作方法详解
2020/02/09 Python
css3 伪元素和伪类选择器详解
2014/09/04 HTML / CSS
Html5调用手机摄像头并实现人脸识别的实现
2018/12/21 HTML / CSS
阿迪达斯奥地利官方商城:adidas.at
2016/10/16 全球购物
资生堂英国官网:Shiseido英国
2020/12/30 全球购物
GWebs公司笔试题
2012/05/04 面试题
优秀应届毕业生自荐信
2013/11/16 职场文书
平面设计师的工作职责
2013/11/21 职场文书
大学生入党思想汇报
2014/01/14 职场文书
学术会议邀请函范文
2014/01/22 职场文书
村级个人对照检查材料
2014/08/22 职场文书
党员群众路线个人整改措施思想汇报
2014/10/12 职场文书
导游词之塘栖古镇
2019/12/04 职场文书
python本地文件服务器实例教程
2021/05/02 Python
关于nginx 实现jira反向代理的问题
2021/09/25 Servers