浅析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 乱码问题
Aug 06 Javascript
js 键盘记录实现(兼容FireFox和IE)
Feb 07 Javascript
js的写法基础分析
Jan 17 Javascript
js中继承的几种用法总结(apply,call,prototype)
Dec 26 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
May 20 Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
Sep 01 Javascript
如何防止JavaScript自动插入分号
Nov 05 Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 Javascript
Node连接mysql数据库方法介绍
Feb 07 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
Feb 23 Javascript
详解vue在项目中使用百度地图
Mar 26 Javascript
解决layui轮播图有数据不显示的情况
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
php实现短信发送代码
2015/07/05 PHP
Joomla实现组件中弹出一个模式(modal)窗口的方法
2016/05/04 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
用js怎么把&字符换成"&amp:"
2006/10/19 Javascript
jQuery validate 中文API 附validate.js中文api手册
2010/07/31 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
2013/07/17 Javascript
JavaScript常用脚本汇总(三)
2015/03/04 Javascript
javascript设计模式之对象工厂函数与构造函数详解
2015/07/30 Javascript
瀑布流的实现方式(原生js+jquery+css3)
2020/06/28 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
2017/01/05 Javascript
微信小程序 ES6Promise.all批量上传文件实现代码
2017/04/14 Javascript
Koa2微信公众号开发之消息管理
2018/05/16 Javascript
详解使用WebPack搭建React开发环境
2019/08/06 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
python绘图方法实例入门
2015/05/19 Python
Python编程判断这天是这一年第几天的方法示例
2017/04/18 Python
详解关于Django中ORM数据库迁移的配置
2018/10/08 Python
弄懂这56个Python使用技巧(轻松掌握Python高效开发)
2019/09/18 Python
python线程信号量semaphore使用解析
2019/11/30 Python
python opencv实现图片缺陷检测(讲解直方图以及相关系数对比法)
2020/04/07 Python
详解向scrapy中的spider传递参数的几种方法(2种)
2020/09/28 Python
html2canvas生成清晰的图片实现打印的示例代码
2019/09/30 HTML / CSS
给同事的道歉信
2014/01/11 职场文书
试用期转正鉴定评语
2014/01/27 职场文书
《假如》教学反思
2014/04/17 职场文书
民警群众路线教育实践活动对照检查材料
2014/10/04 职场文书
办公用房租赁协议书
2014/11/29 职场文书
本科毕业论文指导教师评语
2014/12/30 职场文书
英语邀请函范文
2015/02/02 职场文书
高校教师个人总结
2015/02/10 职场文书
爱的教育读书笔记
2015/06/26 职场文书
2016大学优秀学生干部事迹材料
2016/03/01 职场文书
python中Tkinter 窗口之输入框和文本框的实现
2021/04/12 Python
JAVA springCloud项目搭建流程
2022/05/11 Java/Android