浅析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重写Cognos右键菜单的实现代码
Apr 11 Javascript
解决Extjs上传图片无法预览的解决方法
Mar 22 Javascript
jQuery下的动画处理总结
Oct 10 Javascript
jQuery Mobile 导航栏代码
Nov 01 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 Javascript
JS调用打印机功能简单示例
Nov 28 Javascript
AngularJS实现表单验证功能
Jan 09 Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
Sep 28 Javascript
vue中keep-alive,include的缓存问题
Nov 26 Javascript
js中复选框的取值及赋值示例详解
Oct 18 Javascript
Vue实现购物车基本功能
Nov 08 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语法(5)
2006/10/09 PHP
在Mac OS上编译安装Nginx+PHP+MariaDB开发环境的教程
2016/02/23 PHP
php正则判断是否为合法身份证号的方法
2017/03/16 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
jQuery .tmpl(), .template()学习资料小结
2011/07/18 Javascript
基于jquery可配置循环左右滚动例子
2011/09/09 Javascript
关于JS数组追加数组采用push.apply的问题
2014/06/09 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
2015/05/13 Javascript
JQuery中DOM事件合成用法实例分析
2015/06/13 Javascript
Nodejs Stream 数据流使用手册
2016/04/17 NodeJs
Vue.js上下滚动加载组件的实例代码
2017/07/17 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
使用vux实现上拉刷新功能遇到的坑
2018/02/08 Javascript
解决JavaScript layui 下拉框不显示的问题
2018/08/14 Javascript
mpvue全局引入sass文件的方法步骤
2019/03/06 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
2019/09/15 Javascript
如何通过Proxy实现JSBridge模块化封装
2020/10/22 Javascript
nuxt引入组件和公共样式的操作
2020/11/05 Javascript
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
Python计算三角函数之asin()方法的使用
2015/05/15 Python
PyQt5响应回车事件的方法
2019/06/25 Python
Python3+Appium安装使用教程
2019/07/05 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
Pycharm Available Package无法显示/安装包的问题Error Loading Package List解决
2020/09/18 Python
Probikekit日本:自行车套件,跑步和铁人三项装备
2017/04/03 全球购物
CHARLES & KEITH加拿大官网:新加坡时尚品牌
2020/03/26 全球购物
简短大学毕业感言
2014/01/18 职场文书
加拿大留学自荐信
2014/01/28 职场文书
IT工程师岗位职责
2014/07/04 职场文书
总经理助理岗位职责范本
2014/07/20 职场文书
自我工作评价范文
2015/03/06 职场文书
2016幼儿教师自荐信范文
2016/01/28 职场文书
创业的9条正确思考方式
2019/08/26 职场文书
教你用Java Swing实现自助取款机系统
2021/06/11 Java/Android
浅谈css清除浮动(clearfix和clear)的用法
2023/05/21 HTML / CSS