Bootstrap系列 -- 1. 如何使用Bootstrap

賀臣發表於2015-06-19

 

一. 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>

 

四. 更多資訊參考官網

相關文章