And the introduction of bootstrap jquery
title
Align
Body text
introduction
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>bootstrap布局</title>
<!--网页源数据跨平台兼容做一些说明-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--跨屏自适应说明-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<h1>bootstrap排版</h1>
<!--标题-->
<div class="container">
<div class = "Row">
<-! title ->
<div class = "Page-header">
<h1> This is a bootstrap title </ h1>
</ div>
</ div>
<div class = " Row ">
<- small:! subheadings ->
<h1> h1 original title <small> added h1 heading small label </ small> </ h1>
<h2> h2 original title <small> plus h2 title small label </ small> </ h2>
<h3> original h3 title <small> added h3 heading small label </ small> </ h3>
<h4> original h4 title <small> added h4 heading small label </ small> </ h4>
<h5> original h5 title <small> added h5 title small label </ small> </ h5>
<h6> original h6 title <small> plus a small h6 title tags </ Small> </ H6>
</ div>
<div class = "Row">
<- highlighted text:! larger font size, bold ->
<P> This is a normal paragraph </ p>
<p class = "lead"> class = lead这是的段落</ p>
</ DIV>
</ DIV>
<! -对齐->
<div class = "container">
<div class = "row" >
<p class = "text-left">左对齐</ p>
<p class = "text-justify">两边对齐lorem ipsum carrots, enhanced rebates. To obtain film flattering
result quo pain that runs into the explorer extremely painful, hate-pleasing require that rejects
drives Often times. </ P>
<p class = "text-right">右对齐</ p>
<p class = " text-center ">中间对齐</ p>
</ dIV>
</ dIV>
<p class="text-muted">次要：text-muted</p>
<p class="text-primary">主要：text-primary</p>
<p class="text-success">成功：text-success</p>
<p class="text-info">信息：ext-info</p>
<p class="text-warning">警告：text-warning</p>
<p class="text-danger">危险：text-danger</p>
</div>
</div>
<!--引言：blockquote-->
<div class="container">
<div class="row">
<blockquote>
<p>内容XXXXX</p>
<small>--摘自XXX</small>
</blockquote>
</div>
</div>
</body>
</html>