浅析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 相关文章推荐
NiftyCube——轻松实现圆角边框
Feb 20 Javascript
Dojo之路:如何利用Dojo实现Drag and Drop效果
Apr 10 Javascript
关于document.cookie的使用javascript
Oct 29 Javascript
javascript实现3D切换焦点图
Oct 16 Javascript
jQuery动画效果实现图片无缝连续滚动
Jan 12 Javascript
jQuery短信验证倒计时功能实现方法详解
May 25 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
Mar 09 Javascript
Angularjs2不同组件间的通信实例代码
May 06 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
Aug 22 Javascript
vue transition 在子组件中失效的解决
Nov 12 Javascript
js判断鼠标移入移出方向的方法
Jun 24 Javascript
jquery插件实现搜索历史
Apr 24 jQuery
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面向对象全攻略 (五) 封装性
2009/09/30 PHP
php实现批量下载百度云盘文件例子分享
2014/04/10 PHP
PHP实现十进制、二进制、八进制和十六进制转换相关函数用法分析
2017/04/25 PHP
laravel 执行迁移回滚示例
2019/10/23 PHP
MSN消息提示类
2006/09/05 Javascript
showModelessDialog()使用详解
2006/09/21 Javascript
js onload处理html页面加载之后的事件
2013/10/30 Javascript
让IE8浏览器支持function.bind()方法
2014/10/16 Javascript
JavaScript中判断整数的多种方法总结
2014/11/08 Javascript
AngularJS 2.0入门权威指南
2016/10/08 Javascript
JavaScript排序算法动画演示效果的实现方法
2016/10/18 Javascript
ionic2打包android时gradle无法下载的解决方法
2017/04/05 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
2018/06/19 Javascript
Nodejs中的require函数的具体使用方法
2019/04/02 NodeJs
LayUI动态设置checkbox不显示的解决方法
2019/09/02 Javascript
jQuery实现form表单基于ajax无刷新提交方法实例代码
2019/11/04 jQuery
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
深入理解python对json的操作总结
2017/01/05 Python
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
树莓派采用socket方式文件传输(python)
2019/06/22 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
使用Python实现 学生学籍管理系统
2019/11/26 Python
python 基于opencv 实现一个鼠标绘图小程序
2020/12/11 Python
香港莎莎官网Sasa.com:亚洲著名国际化妆品商城
2019/11/10 全球购物
施华洛世奇巴西官网:SWAROVSKI巴西
2019/12/03 全球购物
应届生会计电算化求职信
2013/10/03 职场文书
《李时珍夜宿古寺》教学反思
2014/04/09 职场文书
化妆品活动策划方案
2014/05/23 职场文书
求职自我评价范文
2015/03/09 职场文书
党支部创先争优公开承诺书
2015/04/30 职场文书
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python
排查Tomcat进程假死的问题
2022/05/06 Servers
app场景下uniapp的扫码记录
2022/07/23 Java/Android
HttpClient实现表单提交上传文件
2022/08/14 Java/Android
Win10服务全部禁用了怎么启动?Win10服务全部禁用解决方法
2022/09/23 数码科技