带你从零了解BootStrap

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。今天给大家写了一个很基础的BootStrap学习教程，从零开始讲解。

 

1、什么Bootstrap

Bootstrap 是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

2、Bootstrap背景

Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。

3、Bootstrap优势

移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。

浏览器支持：所有的主流浏览器都支持 Bootstrap,夸浏览器特性好。

容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。

响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机

它为开发人员创建接口提供了一个简洁统一的解决方案。

它包含了功能强大的内置组件，易于定制。

它还提供了基于 Web 的定制。

它是开源的。

4、Bootstrap包的内容

基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。

CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。

组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。

JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。

Bootstrap 的使用

1、Bootstrap：的使用就是合理的使用，封装好的css样式和js框架。

2、下载Bootstrap 载入到项目中，进行调用；

进入Bootstrap官网 下载Bootstrap官网 http://www.bootcss.com；下载Bootstrap 组件（提示：下载用于生产环境的 Bootstrap），下载完成后，有三个文件夹分别是：css、fonts、js；这三个文件夹就是封装好的Bootstrap框架，在框架文件夹css中全部是已经书写好的css样式，我们开发者只是引入就可以使用了，有如下文件：bootstrap.css于bootstrap.min.css, 类似的这个文件其实功能是一样的，后者为压缩后的文件，前者没有被压缩。而fonts于js文件夹则是已经封装好的字体、图标、javascript框架库；

 

 

 

原文来自：C博客/ITsource