Bootstrap 简述.pdfVIP

Bootstrap 简述 Bootstrap ，来⾃ Twitter ，是⽬前很受欢迎的前端框架。Bootstrap 是基于 HTML 、 CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它 Twitter 的设计师 Mark Otto和Jacob Thornton合作开发，是⼀个CSS/HTML框架。Bootstrap提供了优雅的 HTML和CSS规范，它即是 动态CSS语⾔Less写成。Bootstrap⼀经推出后颇受欢迎， ⼀直是 itHub上的热门开源项⽬，包括NASA的MSNBC （微软全国⼴播公司）的 Breaking News都使⽤了该项⽬。 国内⼀些移动开发者较为熟悉的框架，如WeX5前端 开源框架等，也是基于Bootstrap源码进⾏性能优化⽽来。 什么是 Bootstrap Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架 在现代 Web 开发中 ，有几个几乎所有的 Web 项目中都需要的组件 Bootstrap 为您提供了所有这些基本的模块 - Grid、Typography、Tables、Forms、Buttons 和 Responsiveness 此外 ，还有大量其他有用的前端组件 ，比如 Dropdowns、Navigation、Modals、Typehead、 Pagination、Carousal、Breadcrumb、Tab、Thumbnails、Headers 等等 有了这些 ，你可以搭建一个 Web 项目 ，并让它运行地更快速更轻松 此外 ，由于整个框架是基于模块的 ，您可以通过您自己的 CSS 位 ，甚至是项目开始后的一个大整 改 ，来进行自定义 它是基于几种最佳实践 ，我们认为这是一个很好的开始学习现代 Web 开发的时机 ，一旦您掌握了 HTML 和 JavaScript/jQuery 的基本知识 ，您就可以在 Web 开发中运用这些知识 虽然 ，也有批评 ，所有通过 Bootstrap 构建的项目看起来相同 ，您可以不需要知道太多的 HTML + CSS 知识就可以构建一个网站 但是 ，我们需要明白 ，Bootstrap 是一个通用的框架 ，就像任何其 他通用的东西 ，您需要定制才能让它具有独特性 当您要定制时 ，您需要深入研究 ，没有良好的 HTML + CSS 基础是不可行的 当然除了 Bootstrap ，还有很多其他好的前端框架 ，使用哪种框架是开发人员的选择 ，但 Bootstrap 绝对是值得尝试的 为什么使⽤ Bootstrap ？ 移动设备优先 ：自 Bootstrap 3 起 ，框架包含了贯穿于整个库的移动设备优先的样式 浏览器支持 ：所有的主流浏览器都支持 Bootstrap 容易上手 ：只要您具备 HTML 和 CSS 的基础知识 ，您就可以开始学习 Bootstrap 响应式设计 ：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机 它为开发人员创建接口提供了一个简洁统一的解决方案 它包含了功能强大的内置组件 ，易于定制 它还提供了基于 Web 的定制 它是开源的 Bootstrap 包的内容 基本结构 ：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构 CSS ：Bootstrap 自带以下特性 ：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class ，以及一个先进的网格系统 组件 ：Bootstrap 包含了十几个可重用的组件 ，用于创建图像、下拉菜单、导航、警告框、弹出框 等等 JavaScript 插件 ：Bootstrap 包含了十几个自定义的 jQuery 插件 您可以直接包含所有的插件 ， 也可以逐个包含这些插件 定制 ：您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本 下载并理解⽂件结构 您可以从 https://github .com/twbs/bootstrap/archive/v3.0 .0 .zip 或 https://github .com/twbs/bootstrap/releases/download/v3.0 .0/bootstrap-3.0 .0-dist .zip 上下载 Bootstrap Version 3.0 .0 。 此外，我们提供下载的代码包含了⼀个通过第⼀个链接下载的 bootstrap 代码⽂件夹。 这⾥边也包含了⽤来定制 Bootstrap 的