网格系统的实现原理,是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。
bootstrap优缺点:
优点:
1.bootstap最近发布了bootstrap4,拥有了box-flex布局等更新,紧跟最新的web技术的发展。
2.比较成熟,在大量的项目中充分的使用和测试。
3.拥有完善的文档,使用起来更方便。
4.有大量的组件样式,接受定制。
缺点:
1.如果有自己特殊的需求,就需要重新定制样式,如果一个网站中有大量的非bootstrap“风格”的样式存在,那么你就需要做大量的css重写,因此也就失去了使用框架的意义。
2.会有兼容问题,虽然网上存在很多兼容IE的办法,但需要引入其他文件,有些还不小,势必导致加载速度变慢,影响用户体验。
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,是一个CSS/HTML框架。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。
外文名
Bootstrap
类 型
开源的用于前端开发的工具包
设计者
Mark Otto和Jacob Thornton。
优 点
兼容大部分jQuery插件
特点
Bootstrap是基于jQuery框架开发的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。
组件
Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:
下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等。
插件
Bootstrap自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。其中包括:
模式对话框、标签页、滚动条、弹出框等。```。
定制自己的框架代码
可以对Bootstrap中所有的CSS变量进行修改,依据自己的需求裁剪代码。
预处理器
Less 是一个 CSS 预处理器,让 CSS 具有动态性。另一方面,Bootstrap 是一个快速开发 Web App 和站点的工具包。这样,您可以在 CSS 中使用 Bootstrap 的 Less 变量、mixins(混合)和 nesting(嵌套)。
纯英文字典上的意思是a strap that is looped and sewn to the top of a boot for pulling it on 。
也就是马丁靴后面的那个带子,穿靴子的时候拽着它好穿,我估计你是把意思理解岔了,不是好拿取,是好提一下靴子,就是穿靴子的时候拽一下顺着这个劲好穿进去,这个带子也叫【拔靴带,靴襻】,你搜一下马丁靴,靴子后面的那个带子就是Bootstrap了。
Bootstrap是一个前端框架、是目前最受欢迎、最流行的web前端框架、是Twitter公司的Mark Otto和Jacob Thornton一起开发的,Bootstra框架是基于HTML、CSS、JavaScript 开发的,它因简洁、直观、功能强大被开发者广发使用。
Bootstrap前端框架使得 Web 开发更加快捷,提供了优雅的HTML、CSS和JavaScript规范,它是由动态CSS语言Less写成。Bootstrap前端框架刚推出就颇受欢迎,一直是GitHub上的热门开源项目,是一些前端开发者较为熟悉的框架。