Bootstarp入门教程(1)介绍
来源:互联网 发布:php采集类 编辑:程序博客网 时间:2024/06/10 15:10
Bootstarp:
2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立,在github上开源之后,迅速成为该站上最多人watch&fork的项目。大量工程师踊跃为该项目贡献代码,社区惊人地活跃,代码版本进化非常快速,官方文档质量极其高(可以说是优雅),同时涌现了许多基于Bootstrap建设的网站:界面清新、简洁;要素排版利落大方。
下面是摘自GitHub上对Bootstarp的说明。
简单灵活可用于架构流行的用户界面和交互接口的html,css,javascript工具集。基于html5、css3的bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的兼容性,响应式设计,12列格网,样式向导文档,自定义JQuery插件,完整的类库,基于Less等。本系列教程遵循官方文档结构来介绍bootstrap,包括手脚架(Scaffolding),基础CSS,组件,javascript插件,使用LESS与自定义.
本教程使用MyEclipse 10作为为开发工具,你也可以使用你自己喜欢的开发IDE,Bootstarp使用目前的最新版本Bootstarp2.0.2.下载到本地。
使用MyEclipse 10 创建Web项目,将下载的Bootstarp2.0.2存放指定位置。
添加的index.html具有如下代码框架作为后续示例的基础:
<!DOCTYPE html><html> <head> <title>Bootstrap Demo</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 最新 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- 可选的Bootstrap主题文件(一般不用引入) --> <!--<link rel="stylesheet" href="css/bootstrap-theme.min.css">--> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="js/bootstrap.min.js"></script> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script> <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body> <h1>Hello, Bootstarp!</h1> </body></html>
- Bootstarp入门教程(1)介绍
- Bootstarp入门教程(4) 排版(1)
- Bootstarp入门教程(2) 概述
- Bootstarp入门教程(6) 表格
- Bootstarp入门教程(5) 排版(2)
- Bootstarp入门教程(3)栅格系统
- bootstarp
- Bootstarp学习教程(13) 其他相关组件(1)
- JProfiler入门教程(1)--JProfiler 介绍
- esri-leaflet入门教程(1)-leaflet介绍
- esri-leaflet入门教程(1)-leaflet介绍
- esri-leaflet入门教程(1)-leaflet介绍
- esri-leaflet入门教程(1)-leaflet介绍
- esri-leaflet入门教程(1)-leaflet介绍
- Docker入门教程(一)介绍
- Docker入门教程(一)介绍
- Docker入门教程(一)介绍
- Docker入门教程(一)介绍
- 这是一首简单的小情歌
- hdu 1248 寒冰王座
- 如何防止暗电流引起的电瓶过度放电
- 春不语,春天却能催醒百花。
- Qt之模型/视图(实时更新数据)
- Bootstarp入门教程(1)介绍
- uva 10050Hartals
- Qt之模型/视图(自定义风格)
- MFC编程中如何在工具条上实现自定义控件
- strut2学习笔记3--struts2的action请求方法汇总
- 系统调用
- jquery 对radio的操作
- 修改column.js文件,做是否值为复选框
- 命令模式(实例一)