什么是引导?
Bootstrap 是一个Web 应用程序的前端框架。基于HTML、CSS 和JAVASCRIPT。
Bootstrap是由美国Twitter设计师Mark Otto和Jacob Thornton共同开发的。它是一个简单、直观且功能强大的基于HTML、CSS 和JavaScript 的前端开发框架,可加快Web 开发速度。
Bootstrap 提供了用动态CSS 语言Less 编写的优雅的HTML 和CSS 规范,并且是GitHub 上持续流行的开源项目。
Bootstrap 是一个用于快速开发Web 应用程序和网站的前端框架。在当今的Web 开发中,几乎每个Web 项目都需要多个组件。
引导版本的功能开发
Bootstrap 与最新版本的Google Chrome、Firefox、Internet Explorer、Opera 和Safari 浏览器兼容,但并非所有操作系统都支持所有浏览器。
从2.0版本开始,Bootstrap支持响应式网页设计(RWD)。页面布局可以根据查看网页的设备(台式机、平板电脑或手机)动态调整。
从3.0版本开始,Bootstrap优先考虑移动设备作为设计准则,更加强调响应式设计。
4.0 alpha 版本增加了对Sass 和Flexbox 的支持。
自举函数
Bootstrap因其非常实用的功能和特性而广受欢迎。主要核心特点是:
l跨设备、跨浏览器
兼容所有现代浏览器,包括备受批评的IE7 和8。当然,本课程不考虑IE9之前的浏览器。
l响应式布局
不仅支持PC端各种分辨率的显示,还支持移动PAD、手机屏幕上的响应式切换显示。
l提供齐全的组件
Bootstrap提供了非常实用的组件,包括一组导航、标签、工具栏、按钮和其他对开发人员调用有用的组件。
l内置jQuery插件
Bootstrap提供了许多实用的jquery插件,可以方便开发者在网页上实现各种常见的特效。
l支持HTML5、CSS3
HTML5语义标签和CSS3属性得到很好的支持。
l支持较少的动态样式
LESS 使用变量、嵌套和操作的混合编码来编写更快、更灵活的CSS。用Bootstrap就可以开发成功。
Bootstrap基本内容和组件
Bootstrap 包括HTML、CSS 和JavaScript 框架,提供排版、表单、按钮、导航以及各种其他组件和JavaScript 扩展。主要内容如下。
l 基本结构:Bootstrap提供了一个基本结构,包括网格系统、链接样式和背景。
l全局CSS样式:Bootstrap带有全局CSS设置、基本HTML元素样式定义、可扩展类和高级网格系统功能。
l 组件:Bootstrap 包含十多个可重用组件,用于创建图像、下拉菜单、导航、警报框、弹出框等。
lJavaScript 插件:Bootstrap 包含十多个自定义jQuery 插件。您可以直接或单独包含所有插件。
lCustomize:自定义Bootstrap 组件、LESS 变量和jQuery 插件以获得您自己的版本。
lBootstrap全局CSS样式包括:
网格
版式
桌子
形式
按钮
反应能力。
l还有许多其他有用的前端组件,包括:
落下
导航
莫代尔
打字头
分页
狂欢节
面包屑
标签
缩略图
标头
引导资源
l 参考文献
Bootstrap官方网站
http://getbootstrap.com
bootstrap中文网站
http://www.bootcss.com
网站使用示例
http://expo.bootcss.com/
github
https://github.com/twbs/bootstrap
l教程
Bootstrap 初学者教程
http://www.runoob.com/bootstrap/bootstrap-tutorial.html
使用W3Schools 进行引导
http://www.w3schools.com/bootstrap
MOOC 视频教程
http://www.imooc.com/course/list?c=bootstrap
模板
免费引导模板
http://startbootstrap.com
模糊效果背景模板
http://akveo.github.io/blur-admin/
后端模板
https://colorlib.com/polygon/gentelella/index.html
仪表板
http://keen.github.io/仪表板/
l 主题
扁平化用户界面
http://designmodo.com/flatfree/
各种颜色主题
https://bootswatch.com/
基于Bootstrap的主题框架
http://boot flat.github.io
实用工具
有用的代码片段
http://bootsnipp.com/提供了一些有用的在线工具和代码片段
版权声明:本文转载于网络,版权归作者所有。如有侵权,请联系本站编辑删除。