01-下载和部署Bootstrap

首先到官网下载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)

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注