bootstrap使用

Bootstrap是一个前端框架，将常用的前端控件封装成了CSS样式和JS文件，能够方便灵活的设计出适用于移动设备和各个PC浏览器的前端页面，经过最近一段时间的使用感觉非常好用，再也不用担心前端页面布局和样式了。bootstrap能够兼容IE8浏览器，这样在XP电脑上也可以正常运行。相关学习资料如下。

bootstrap使用：http://v3.bootcss.com/getting-started/

bootstrap样式：http://v3.bootcss.com/css/

bootstrap组件：http://v3.bootcss.com/components/

font-awesome使用：http://fortawesome.github.io/Font-Awesome/get-started/

font-awesome例子(bootstrap图标扩展)：http://fortawesome.github.io/Font-Awesome/examples/

分别使用bootstrap和font-awesome显示的图标：

 

<!-- bootstrap图标 -->
<span class="glyphicon glyphicon-search" style="font-size: 1.5em;"></span>
<!-- font-awesome图标 -->
<i class="fa fa-eye fa-2x" style="color: #7a9b76; cursor: pointer;" ></i>

 在页面开始引入相关的css和js文件：

<link rel="stylesheet" href="js/common/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="js/common/font-awesome/4.2.0/css/font-awesome.min.css">
<script type="text/javascript" src="js/common/jquery/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/common/bootstrap/3.2.0/js/bootstrap.min.js"></script>