浅析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 相关文章推荐
javascript for循环从入门到偏门(效率优化+奇特用法)
Aug 01 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 Javascript
深入解析JavaScript中的数字对象与字符串对象
Oct 21 Javascript
通用javascript代码判断版本号是否在版本范围之间
Nov 29 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
Apr 12 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
May 02 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
Jul 12 Javascript
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 Javascript
js通过Date对象实现倒计时动画效果
Oct 27 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
了解前端理论:rscss和rsjs
May 23 Javascript
在layui.use 中自定义 function 的正确方法
Sep 16 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
Terran建筑一览
2020/03/14 星际争霸
PHP 文件编程综合案例-文件上传的实现
2013/07/03 PHP
PHP @ at 记号的作用示例介绍
2014/10/10 PHP
PHP永久登录、记住我功能实现方法和安全做法
2015/04/27 PHP
php为字符串前后添加指定数量字符的方法
2015/05/04 PHP
PHP获取文件扩展名的方法实例总结
2017/06/10 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
jQuery自定义插件详解及实例代码
2016/12/29 Javascript
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
js遮罩效果制作弹出注册界面效果
2017/01/25 Javascript
Bootstrap3多级下拉菜单
2017/02/24 Javascript
使用vue点击li,获取当前点击li父辈元素的属性值方法
2018/09/12 Javascript
如何基于js判断浏览器版本
2020/02/20 Javascript
windows下Python安装、使用教程和Notepad++的使用教程
2019/10/06 Python
Python实现投影法分割图像示例(一)
2020/01/17 Python
python pandas移动窗口函数rolling的用法
2020/02/29 Python
python GUI库图形界面开发之PyQt5 MDI(多文档窗口)QMidArea详细使用方法与实例
2020/03/05 Python
Selenium使用Chrome模拟手机浏览器方法解析
2020/04/10 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
recorder.js 基于Html5录音功能的实现
2020/05/26 HTML / CSS
有趣的睡衣和礼物:LazyOne
2019/11/27 全球购物
盖尔斯工厂店:GUESS Factory
2020/01/21 全球购物
人力管理专业毕业生求职信
2014/02/27 职场文书
党的群众路线学习材料
2014/05/16 职场文书
孝老爱亲模范事迹材料
2014/05/25 职场文书
医院营销工作计划
2015/01/16 职场文书
学校开除通知书
2015/04/25 职场文书
2015年政协委员工作总结
2015/05/20 职场文书
2015年城管执法工作总结
2015/07/23 职场文书
干部作风纪律整顿心得体会
2016/01/23 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书
numpy数据类型dtype转换实现
2021/04/24 Python
动漫APP软件排行榜前十名,半次元上榜,第一款由腾讯公司推出
2022/03/18 杂记
django项目、vue项目部署云服务器的详细过程
2022/07/23 Servers