浅析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代码
Dec 09 Javascript
jquery 中多条件选择器,相对选择器,层次选择器的区别
Jul 03 Javascript
js获取IP和PcName(IE)在vs中可用
Aug 02 Javascript
javascript计时器详解
Feb 28 Javascript
javascript实现平滑无缝滚动
Aug 09 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
bootstrap fileinput 插件使用项目总结(经验)
Feb 22 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
Mar 07 Javascript
vue-router命名视图的使用讲解
Jan 19 Javascript
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
Aug 15 Javascript
node.js实现http服务器与浏览器之间的内容缓存操作示例
Feb 11 Javascript
JavaScript文档加载模式以及元素获取
Jul 28 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
ninety plus是什么?ninety plus咖啡好吗?
2021/03/04 新手入门
关于php循环跳出的问题
2013/07/01 PHP
ThinkPHP基本的增删查改操作实例教程
2014/08/22 PHP
php序列化函数serialize() 和 unserialize() 与原生函数对比
2015/05/08 PHP
fckeditor上传文件按日期存放及重命名方法
2015/05/22 PHP
PHP利用curl发送HTTP请求的实例代码
2020/07/09 PHP
图片在浏览器中底部对齐 解决方法之一
2011/11/30 Javascript
JavaScript 图像动画的小demo
2012/05/23 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
2014/03/08 Javascript
javascript文件中引用依赖的js文件的方法
2014/03/17 Javascript
js判断iframe内的网页是否滚动到底部触发事件
2014/03/18 Javascript
javascript 获取浏览器版本
2015/01/21 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
2015/04/28 Javascript
javascript用函数实现对象的方法
2015/05/14 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
2016/05/10 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
利用node.js如何创建子进程详解
2017/12/09 Javascript
vue-star评星组件开发实例
2018/03/01 Javascript
深入浅析var,let,const的异同点
2018/08/07 Javascript
javascript实现手动点赞效果
2019/04/09 Javascript
JS数组及对象遍历方法代码汇总
2020/06/16 Javascript
three.js 利用uv和ThreeBSP制作一个快递柜功能
2020/08/18 Javascript
[01:07]DOTA2次级职业联赛 - Fpb战队宣传片
2014/12/01 DOTA
使用beaker让Facebook的Bottle框架支持session功能
2015/04/23 Python
讲解Python中的递归函数
2015/04/27 Python
python 写的一个爬虫程序源码
2016/02/28 Python
python脚本实现xls(xlsx)转成csv
2016/04/10 Python
python os.path.isfile()因参数问题判断错误的解决
2019/11/29 Python
在tensorflow实现直接读取网络的参数(weight and bias)的值
2020/06/24 Python
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
体育教育专业自荐信范文
2013/12/20 职场文书
关于人生的感言
2014/01/17 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
JavaScript 定时器详情
2021/11/11 Javascript
Nginx动静分离配置实现与说明
2022/04/07 Servers