浅析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实战之品牌展示列表效果
Apr 10 Javascript
浅谈Javascript的静态属性和原型属性
May 07 Javascript
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
Dec 10 Javascript
使用递归遍历对象获得value值的实现方法
Jun 14 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
Dec 22 Javascript
JavaScript定时器制作弹窗小广告
Feb 05 Javascript
xmlplus组件设计系列之下拉刷新(PullRefresh)(6)
May 03 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
Apr 28 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
Aug 09 Javascript
Typescript的三种运行方式(小结)
Sep 18 Javascript
Node如何后台数据库使用增删改查功能
Nov 21 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
Nov 07 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
smarty 原来也不过如此~~呵呵
2006/11/25 PHP
WindowsXP中快速配置Apache+PHP5+Mysql
2008/06/05 PHP
php URL编码解码函数代码
2009/03/10 PHP
PHP+Mysql日期时间如何转换(UNIX时间戳和格式化日期)
2012/07/15 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
php中关于socket的系列函数总结
2015/05/18 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
PHP的mysqli_stat()函数讲解
2019/01/23 PHP
理解JSON:3分钟课程
2011/10/28 Javascript
display和visibility的区别示例介绍
2014/02/26 Javascript
提高NodeJS中SSL服务的性能
2014/07/15 NodeJs
JS实现仿QQ聊天窗口抖动特效
2015/05/10 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
JavaScript对象封装的简单实现方法(3种方法)
2017/01/03 Javascript
基于jQuery实现咖啡订单管理简单应用
2017/02/10 Javascript
JavaScript中严格判断NaN的方法
2018/02/16 Javascript
利用Electron简单撸一个Markdown编辑器的方法
2019/06/10 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
2019/06/24 Javascript
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
详解Django中的过滤器
2015/07/16 Python
Django自定义分页效果
2017/06/27 Python
python读取excel指定列数据并写入到新的excel方法
2018/07/10 Python
详解Django中间件执行顺序
2018/07/16 Python
用Python获取摄像头并实时控制人脸的实现示例
2019/07/11 Python
浅谈优化Django ORM中的性能问题
2020/07/09 Python
Python基于pyjnius库实现访问java类
2020/07/31 Python
利用Python pandas对Excel进行合并的方法示例
2020/11/04 Python
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
Three Graces London官网:英国奢侈品牌
2021/03/18 全球购物
院药学专业个人求职信
2013/09/21 职场文书
英文版区域经理求职信
2013/10/23 职场文书
社区党建工作汇报材料
2014/08/14 职场文书
CSS3实现的侧滑菜单
2021/04/27 HTML / CSS
React 并发功能体验(前端的并发模式)
2021/07/01 Javascript