首先到官网下载bootstrap,我这里的版本是 bootstrap-3.3.7-dist.zip,大家下载生产环境的版本就可以。
https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip
Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以大家最好也把jquery引入到您的项目中。
全局css样式:bootstrap-3.3.7/css/bootstrap.min.css
组件:bootstrap-3.3.7/js/bootstrap.js
JavaScript插件:jquery.min.js
https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js
为了兼容多种动态语言,比如PHP、JAVA、.net、python,我们这个课程不基于这些语言,也不基于它们的编译器IDE。我们使用notepad++。
或者我们可以使用Macromedia Dreamweaver8 官方简体中文版,这个是一个比较老的HTML、css、js的一个编辑工具。
http://dl.pconline.com.cn/download/90616-1.html
示例代码如下:
<html>
<head>
<script type="text/javascript" src="bootstrap-3.3.7/js/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap-3.3.7/js/bootstrap.js"></script>
<link rel="stylesheet" href="bootstrap-3.3.7/css/bootstrap.min.css" type="text/css"></link>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-8">.col-md-8xxxxxx</div>
<div class="col-md-4">.col-md-4</div>
</div>
</div>
</body>
</html>Code language: HTML, XML (xml)
Next: 02-讲课之前对bootstrap的一些了解