更新时间:2023-11-21 17:40:17
你们好,最近小艾特发现有诸多的小伙伴们对于bootstrap检验中介效应,bootstrap这个问题都颇为感兴趣的,今天小活为大家梳理了下,一起往下看看吧。
1、在百度搜索引擎“Bootstrap”,访问Bootstrap中文网。
2、下载Bootstrap最新稳定版,如下图所示。
3、解压bootstrap-3.3.5-dist.zip文件,Bootstrap框架文件夹目录如下图所示。
4、在项目中引入所需的Bootstrap库和CSS文件
5、<!-- 新 Bootstrap 核心 CSS 文件 -->
6、<link rel="stylesheet" href="css/bootstrap.min.css">
7、<!-- 可选的Bootstrap主题文件(一般不用引入) -->
8、<link rel="stylesheet" href="css/bootstrap-theme.min.css">
9、<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
10、<script src="js/jquery.min.js"></script>
11、<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
12、<script src="js/bootstrap.min.js"></script>
13、下载Bootstrap源码,里面有一些案例,初学者可以拿来学习。
14、<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
15、 <!--[if lt IE 9]>
16、 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
17、 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
18、 <![endif]-->
19、 在项目文件添加上述Javascript库,用来支持HTML5和媒体查询,如下图所示。
20、 官方网站提供的最简单的 Bootstrap 页面,如下图所示,如此,Bootstrap环境搭建和一个最简单的页面就成功了,以后最就是Bootstrap项目最基本的配置了。
以上就是bootstrap这篇文章的一些介绍,希望对大家有所帮助。