Bootstrap系列 -- 1. 如何使用Bootstrap
2015-06-19 15:39 贺臣 阅读(2614) 评论(0) 编辑 收藏 举报
一. Bootstrap 简介
Bootstrap 是一个前端框架,使用Bootstrap可以做出很多漂亮的页面,中文官网:http://www.bootcss.com/
二. Bootstrap核心
Bootstrap核心是Bootstrap.css 和 Bootstrap.js , Bootstrap 框架依赖于jQuery框架,所以在使用Bootstrap之前需要引入jQuery核心包
三. 基本页面模板
<!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" /> <title>Bootstrap</title> <link href="/bootstrap-3.3.4-dist/css/bootstrap.min.css" rel="stylesheet" /> <!--[if lt IE 9]> <script src="/bootstrap-3.3.4-dist/js/html5shiv.min.js"></script> <script src="/bootstrap-3.3.4-dist/js/respond.min.js"></script> <![endif]--> <script src="/bootstrap-3.3.4-dist/js/jquery-2.1.4.min.js"></script> <script src="/bootstrap-3.3.4-dist/js/bootstrap.min.js"></script> </head> <body> <h1>Hello world</h1> </body> </html>
四. 更多信息参考官网