浅析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
Mar 07 Javascript
JavaScript不刷新实现浏览器的前进后退功能
Nov 05 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
jquery实现垂直和水平菜单导航栏
Aug 27 Javascript
JavaScript 跨域之POST实现方法
May 07 Javascript
基于vue实现web端超大数据量表格的卡顿解决
Apr 02 Javascript
简单分析js中的this的原理
Aug 31 Javascript
vue和iview实现Scroll 数据无限滚动功能
Oct 31 Javascript
微信小程序地图绘制线段并且测量(实例代码)
Jan 02 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
Apr 22 Javascript
js实现无缝轮播图特效
May 09 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
Dec 09 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中const与define的应用区别
2013/06/18 PHP
php采集中国代理服务器网的方法
2015/06/16 PHP
PHP 极验验证码实例讲解
2016/09/29 PHP
json格式化/压缩工具 Chrome插件扩展版
2010/05/25 Javascript
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
2013/05/13 Javascript
js实现最短的XML格式化工具实例
2015/03/12 Javascript
Vue数据驱动模拟实现5
2017/01/13 Javascript
js实现用户输入的小写字母自动转大写字母的方法
2017/01/21 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
快速使用node.js进行web开发详解
2017/04/26 Javascript
jQuery异步提交表单实例
2017/05/30 jQuery
vue购物车插件编写代码
2017/11/27 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
微信小程序实现倒计时补零功能
2018/07/09 Javascript
解决layer弹层遮罩挡住窗体的问题
2018/08/17 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
2019/01/09 Javascript
NodeJs生成sitemap站点地图的方法示例
2019/06/11 NodeJs
Webpack按需加载打包chunk命名的方法
2019/09/22 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
2020/05/29 Javascript
详解Python中的strftime()方法的使用
2015/05/22 Python
Python增量循环删除MySQL表数据的方法
2016/09/23 Python
Python使用plotly绘制数据图表的方法
2017/07/18 Python
基于python的字节编译详解
2017/09/20 Python
Python读写zip压缩文件的方法
2018/08/29 Python
详解python的argpare和click模块小结
2019/03/31 Python
Python 通过截图匹配原图中的位置(opencv)实例
2019/08/27 Python
python实现最速下降法
2020/03/24 Python
纯CSS改变webkit内核浏览器的滚动条样式
2014/04/17 HTML / CSS
英国比较机场停车场网站:Airport Parking Essentials
2019/12/01 全球购物
日化店促销方案
2014/03/26 职场文书
展览会邀请函
2015/02/02 职场文书
前台文员岗位职责
2015/02/04 职场文书
工作计划范文之财务管理
2019/08/09 职场文书
Springboot配置suffix指定mvc视图的后缀方法
2021/07/03 Java/Android
alibaba seata服务端具体实现
2022/02/24 Java/Android