浅析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 08 Javascript
JavaScript获取GridView选择的行内容
Apr 14 Javascript
理解Javascript_01_理解内存分配原理分析
Oct 11 Javascript
Extjs407 getValue()和getRawValue()区别介绍
May 21 Javascript
js定时调用方法成功后并停止调用示例
Apr 08 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
Feb 24 Javascript
JavaScript 身份证号有效验证详解及实例代码
Oct 20 Javascript
Vue.js事件处理器与表单控件绑定详解
Mar 20 Javascript
JavaScript实现简单生成随机颜色的方法
Sep 21 Javascript
Vue中的混入的使用(vue mixins)
Jun 01 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
Nov 07 Javascript
详解TypeScript的基础类型
Feb 18 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提示无法加载或mcrypt没有找到 PHP 扩展 mbstring解决办法
2012/03/27 PHP
PHP 处理TXT文件(打开/关闭/检查/读取)
2013/05/13 PHP
详解PHP内置访问资源的超时时间 time_out file_get_contents read_file
2013/06/03 PHP
PHP中数组定义的几种方法
2013/09/01 PHP
PHP中使用循环实现的金字塔图形
2014/11/08 PHP
Symfony2学习笔记之控制器用法详解
2016/03/17 PHP
PHP实现的观察者模式实例
2017/06/21 PHP
PHP模型Model类封装数据库操作示例
2019/03/14 PHP
真正的JQuery.ajax传递中文参数的解决方法
2011/05/28 Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
2013/04/12 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
2013/10/24 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
2015/10/28 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
js html5 css俄罗斯方块游戏再现
2016/10/17 Javascript
详解Vue2 无限级分类(添加,删除,修改)
2017/03/07 Javascript
基于BootStrap的前端分页带省略号和上下页效果
2017/05/18 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
2017/11/22 Javascript
VUE 实现滚动监听 导航栏置顶的方法
2018/09/11 Javascript
vue动画效果实现方法示例
2019/03/18 Javascript
vue 实现Web端的定位功能 获取经纬度
2019/08/08 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
2020/02/28 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
2020/07/30 Javascript
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
使用Python+wxpy 找出微信里把你删除的好友实例
2019/02/21 Python
在windows下使用python进行串口通讯的方法
2019/07/02 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
Python中SQLite如何使用
2020/05/27 Python
15个Pythonic的代码示例(值得收藏)
2020/10/29 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
CSS3 按钮边框动画的实现
2020/11/12 HTML / CSS
民事撤诉申请书范本
2015/05/18 职场文书
导游词书写之黄山
2019/08/06 职场文书
创业计划书之韩国烧烤店
2019/09/19 职场文书
如何使用JavaScript策略模式校验表单
2021/04/29 Javascript
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python
oracle数据库去除重复数据
2022/05/20 Oracle