<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title></title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
<body>
<!-- 使图片居中center-block img-rounded img-circle img-thumbnail 加了个外边框-->
<img src="111.png" class="img-responsive center-block img-rounded" alt="responsive image">
<img src="111.png" class="img-responsive center-block img-circle" alt="responsive image">
<img src="111.png" class="img-responsive center-block img-thumbnail" alt="responsive image">
<!-- 辅助类 -->
<!-- 文本情景颜色 -->
<p class="text-muted">11111111</p>
<p class="text-primary">11111111</p>
<p class="text-success">11111111</p>
<p class="text-info">11111111</p>
<p class="text-warning">11111111</p>
<p class="text-danger">11111111</p>
<!-- 情景背景色 -->
<p class="bg-primary">11111111</p>
<p class="bg-success">11111111</p>
<p class="bg-info">11111111</p>
<p class="bg-warning">11111111</p>
<p class="bg-danger">11111111</p>
<!-- 关闭按钮 -->
<button type="button" class="close" aria-label="close">
<span aria-hidden="true">×</span></button>
<!-- 三角符号 -->
<span class="caret"></span>
<!-- 快速浮动 排列导航条组件时，可以使用navbar-left navbar-right-->
<div class="pull-left">1111</div>
<div class="pull-right">222</div>
<!-- 清楚浮动用clearfix 类
mixin:和栅格变量一同使用，为每个列（column）生成语义化的 CSS 代码 -->
<!-- sr-only sr-only-focusable -->
<a class="sr-only sr-only-focusable" href="#">skip to main content</a>
<!-- 图片替换-->
<h1 >custom heading</h1>
</body>
</html>
