浅析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 相关文章推荐
基于jQuery的图片左右无缝滚动插件
May 23 Javascript
全面解析Bootstrap中form、navbar的使用方法
May 30 Javascript
浅谈js中的延迟执行和定时执行
May 31 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
Oct 24 Javascript
Bootstrap导航条鼠标悬停下拉菜单
Jan 04 Javascript
js鼠标移动时禁止选中文字
Feb 19 Javascript
解决JS外部文件中文注释出现乱码问题
Jul 09 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
Sep 22 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
Dec 07 Javascript
Angular 5.x 学习笔记之Router(路由)应用
Apr 08 Javascript
vue.js动画中的js钩子函数的实现
Jul 06 Javascript
教你搭建按需加载的Vue组件库(小结)
Jul 29 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 IN_ARRAY 函数使用注意事项
2010/07/24 PHP
php的SimpleXML方法读写XML接口文件实例解析
2014/06/16 PHP
php实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
php之可变变量的实例详解
2017/09/12 PHP
如何用javascript控制上传文件的大小
2006/10/26 Javascript
jquery 关于event.target使用的几点说明介绍
2013/04/26 Javascript
js格式化时间和js格式化时间戳示例
2014/02/10 Javascript
JavaScript编程的单例设计模讲解
2015/11/10 Javascript
详解Angularjs filter过滤器
2016/02/06 Javascript
基于React.js实现原生js拖拽效果引发的思考
2016/03/30 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
2020/10/26 Javascript
vue-loader教程介绍
2017/06/14 Javascript
简单快速的实现js计算器功能
2017/08/17 Javascript
详解vuex结合localstorage动态监听storage的变化
2018/05/03 Javascript
JS实现json数组排序操作实例分析
2019/10/28 Javascript
Node.js实现批量下载图片简单操作示例
2020/01/18 Javascript
[01:08:57]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第二场
2014/05/24 DOTA
python2.7的编码问题与解决方法
2016/10/04 Python
轻松掌握python设计模式之策略模式
2016/11/18 Python
Python爬虫DNS解析缓存方法实例分析
2017/06/02 Python
Python中字典和集合学习小结
2017/07/07 Python
python实现拓扑排序的基本教程
2018/03/11 Python
Python中的TCP socket写法示例
2018/05/11 Python
python flask解析json数据不完整的解决方法
2019/05/26 Python
Django项目使用CircleCI的方法示例
2019/07/14 Python
python中tkinter的应用:修改字体的实例讲解
2019/07/17 Python
python中使用input()函数获取用户输入值方式
2020/05/03 Python
使用OpenCV校准鱼眼镜头的方法
2020/11/26 Python
mui几种页面跳转方式对比总结概括
2017/08/18 HTML / CSS
美国运动鞋和运动服零售商:Footaction
2017/04/07 全球购物
介绍一下Linux中的链接
2016/05/28 面试题
有针对性的求职自荐信
2013/11/14 职场文书
营业员实习自我鉴定
2013/12/07 职场文书
生物学学生自我评价
2014/01/17 职场文书
秋天的雨教学反思
2014/04/27 职场文书