Bootstrap初步
来源:互联网 发布:淘宝店分析 编辑:程序博客网 时间:2024/05/01 21:10
1.简介
Bootstrap是什么呢?官网上的解释是:一个为了开发响应式的,移动优先的非常流行的前端框架。
2.参考资料
http://www.programmer.com.cn/15552/
http://getbootstrap.com/
http://www.bootcss.com/
3.环境搭建
使用CDN
使用构建工具
手工下载
4.脚手架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- 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="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Bootstrap是什么呢?官网上的解释是:一个为了开发响应式的,移动优先的非常流行的前端框架。
2.参考资料
http://www.programmer.com.cn/15552/
http://getbootstrap.com/
http://www.bootcss.com/
3.环境搭建
使用CDN
使用构建工具
手工下载
4.脚手架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- 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="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
0 0
- Bootstrap初步
- Bootstrap 初步
- bootstrap初步
- 【BootStrap】初步教程
- 初步使用bootstrap框架
- 初步认识bootstrap
- Bootstrap框架的初步认识
- Bootstrap初步了解 起步 基本模板
- Bootstrap
- BootStrap
- Bootstrap
- bootstrap
- Bootstrap
- bootstrap$
- Bootstrap
- Bootstrap
- Bootstrap
- Bootstrap
- item2: 尽量以const,enum,inline替换#define
- 指针在函数中当形参时的问题
- mysql的table is read only 解决方法
- 回调函数
- ArcGlobe三维开发之十三——加载保存动画
- Bootstrap初步
- ruby 数组索引
- eclipse 导入.class文件
- poj 1410
- 在MFC程序中使用CImage类绘制半透明图像
- Unity读取xml(android)
- Java中的换行符
- poj1416
- 贪心算法之区间覆盖问题