bootstrap学习心得笔记--第一节【bootstrap配置】

来源：互联网发布：股票潜伏日历软件编辑：程序博客网时间：2024/05/21 22:43

一、什么是bootstrap？

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap 是完全开源的。它的代码托管、开发、维护都依赖 GitHub 平台。

二、bootstrap的配置

1.下载用于生产环境的 Bootstrap

2.在html中的运用

（1）html文件的头部设置

（2）bootstrap.min.css的引入（*注：mate的顺序不可改变，如下）

<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>Document</title>

<link href="dist/css/bootstrap.min.css" rel="stylesheet">



</head>

（3）jquery.min.js库及bootstrap.min.js的引入（*注：引入顺序一定如下，jQuery库在bootstrap核心js库之前，引入位置在html文件最后）

<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<script src="dist/js/bootstrap.min.js"></script>
</body>
</html>

0 0