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>