浅析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 相关文章推荐
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
Aug 13 Javascript
jquery实现input输入框实时输入触发事件代码
Jan 28 Javascript
jQuery中:visible选择器用法实例
Dec 30 Javascript
分享自己用JS做的扫雷小游戏
Feb 17 Javascript
js 获取站点应用名的简单实例
Aug 18 Javascript
Bootstrap下拉菜单样式
Feb 07 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
Dec 12 Javascript
javascript变量提升和闭包理解
Mar 12 Javascript
解析vue data不可以使用箭头函数问题
Jul 03 Javascript
vue项目持久化存储数据的实现代码
Oct 01 Javascript
AngularJS动态生成select下拉框的方法实例
Nov 17 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+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
JS和jquery获取各种屏幕的宽度和高度的代码
2013/08/02 Javascript
使图片旋转的3种解决方案
2013/11/21 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
2014/01/06 Javascript
jquery中对于批量deferred的处理方法
2014/01/22 Javascript
动态加载js、css等文件跨iframe实现
2014/02/24 Javascript
jQuery事件用法实例汇总
2014/08/29 Javascript
浅谈Javascript中substr和substring的区别
2015/09/30 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
easyui validatebox验证
2016/04/29 Javascript
纯css下拉菜单 无需js
2016/08/15 Javascript
react-native中ListView组件点击跳转的方法示例
2017/09/30 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
2018/10/20 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
2019/05/10 Javascript
150行代码带你实现微信小程序中的数据侦听
2019/05/17 Javascript
一文看懂如何简单实现节流函数和防抖函数
2019/09/05 Javascript
解决webpack多页面内存溢出的方法示例
2019/10/08 Javascript
详解vue中多个有顺序要求的异步操作处理
2019/10/29 Javascript
vue3 源码解读之 time slicing的使用方法
2019/10/31 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
2019/11/19 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
2020/01/04 Javascript
[03:03]DOTA2 2017国际邀请赛开幕战队入场仪式
2017/08/09 DOTA
跟老齐学Python之集合(set)
2014/09/24 Python
Python编程判断一个正整数是否为素数的方法
2017/04/14 Python
Python的iOS自动化打包实例代码
2018/11/22 Python
如何通过Python3和ssl实现加密通信功能
2020/05/09 Python
python开发入门——set的使用
2020/09/03 Python
使用Python绘制台风轨迹图的示例代码
2020/09/21 Python
玩具反斗城天猫官方旗舰店:享誉全球的玩具店
2017/10/10 全球购物
副检察长四风问题对照检查材料思想汇报
2014/10/07 职场文书
会计出纳岗位职责
2015/03/31 职场文书
导游词之南京夫子庙
2019/12/09 职场文书
Python基础之进程详解
2021/05/21 Python
Python实现的扫码工具居然这么好用!
2021/06/07 Python
python图像处理基本操作总结(PIL库、Matplotlib及Numpy)
2021/06/08 Python