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

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

四. 更多信息参考官网

原文地址:https://www.cnblogs.com/qingyuan/p/4588873.html