认识BootStrap（一）

Bootstrap

Bootstrap是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的WEB项目，为所有开发者、所有应用场景而设计。包含预处理脚本、一个框架、多种设备和特性齐全。

1、想要使用BootStrap，首先要链入JQuery和bootStrap的css 和Js文件

	<link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
   	<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
   	<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>

2、排版中的标题、页面主体、内联元素文本、对齐、大小写、地址等。使用栅格系统依赖于Container。

              1.   <small></small>显示的是灰色小一号的字体，代码如下：

		<div class="container">
			<h1>今天是七夕</h1>
			<h2>今天是七夕</h2>
			<h3>今天是七夕<small>七夕</small></h3>
			
		</div>

2.给class加上lead名，可以突出显示

	<p>hchfioweqfjweq</p>
	<p class="lead">hchfioweqfjweq</p>

3.Mark  :字体后有背景色

<p>hello,<mark>word</mark></p>

4.删除<del></del>

<del>100.00</del>  

5.实现文本向左、居中、向右的效果

			<p class="text-left">左</p>
			<p class="text-right">右</p>
			<p class="text-center">居中</p>

6.字体大小写样式

			<p class="text-lowercase">fhowhew</p>
			<!--全部小写-->
			<p class="text-uppercase">fhowhew</p>
			<!--全部大写-->
			<p class="text-capitalize">fhowhew</p>
			<!--首字母大写-->

7、address地址

			<address>
				
				<strong>上地三街</strong><br>嘉华大厦<br />
			</address>

8、无序列表没有样式

			<ul class="list-unstyled">
				<li>1</li>
				<li>2</li>
				<li>3</li>
				
			</ul>