浅析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实现查找/添加/删除/指定元素的class
Apr 12 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
JavaScript随机生成信用卡卡号的方法
Apr 07 Javascript
认识Knockout及如何使用Knockout绑定上下文
Dec 25 Javascript
Javascript基础学习笔记(菜鸟必看篇)
Jul 22 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
Jul 22 Javascript
AngularJS监听路由的变化示例代码
Sep 23 Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 Javascript
React进阶学习之组件的解耦之道
Aug 07 Javascript
js 判断一个数字是不是2的n次方幂的实例
Nov 26 Javascript
使用百度地图实现地图网格的示例
Feb 06 Javascript
node后端服务保活的实现
Nov 10 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与SQL注入攻击[二]
2007/04/17 PHP
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
Laravel 5 框架入门(四)完结篇
2015/04/09 PHP
php+ajax无刷新分页实例详解
2015/12/07 PHP
微信支付扫码支付php版
2016/07/22 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
jquery 简单的进度条实现代码
2010/03/11 Javascript
两种方法实现文本框输入内容提示消失
2013/03/17 Javascript
jquery submit ie6下失效的原因分析及解决方法
2013/11/15 Javascript
js如何判断用户是在PC端和还是移动端访问
2014/04/24 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
2014/07/18 Javascript
JavaScript中的small()方法使用详解
2015/06/08 Javascript
Ionic 2 实现列表滑动删除按钮的方法
2017/01/22 Javascript
简单实现jQuery上传图片显示预览功能
2020/06/29 jQuery
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
vue.js简单配置axios的方法详解
2017/12/13 Javascript
JS基于开关思想实现的数组去重功能【案例】
2019/02/18 Javascript
说说Vuex的getters属性的具体用法
2019/04/15 Javascript
vue中img src 动态加载本地json的图片路径写法
2019/04/25 Javascript
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
2019/09/21 Javascript
vue+element导航栏高亮显示的解决方式
2019/11/12 Javascript
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
Django实现登录随机验证码的示例代码
2018/06/20 Python
Python中itertools的用法详解
2020/02/07 Python
opencv+python实现鼠标点击图像,输出该点的RGB和HSV值
2020/06/02 Python
如何卸载python插件
2020/07/08 Python
JupyterNotebook 输出窗口的显示效果调整实现
2020/09/22 Python
python批量检查两个对应的txt文件的行数是否一致的实例代码
2020/10/31 Python
PyCharm2020.3.2安装超详细教程
2021/02/08 Python
卡拉威高尔夫官方网站:Callaway Golf
2020/09/16 全球购物
学生个人的自我评价分享
2013/11/05 职场文书
精神文明建设汇报材料
2014/12/24 职场文书
党性修养心得体会2016
2016/01/21 职场文书
总结一下关于在Java8中使用stream流踩过的一些坑
2021/06/24 Java/Android
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers
Django框架中视图的用法
2022/06/10 Python