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

原创

hechenqingyuan 2021-06-03 14:07:44 ©著作权

文章标签 Bootstrap UI框架 文章分类 前端开发

©著作权归作者所有：来自51CTO博客作者hechenqingyuan的原创作品，请联系作者获取转载授权，否则将追究法律责任

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

2015-06-19 15:39 贺臣

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