bootcss可视化布下载后怎么引用css?

html-css029

bootcss可视化布下载后怎么引用css?,第1张

少年,请养成看文档手册的习惯,官网写得清清楚楚。

<!-- 新 Bootstrap 核心 CSS 文件 -->

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件(一般不用引入) -->

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

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

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

Bootstrap里的文件有以下几种:

bootstrap.js

bootstrap.css

bootstrap.min.js

bootstrap.min.css

bootstrap-responsive.min.css

bootstrap-responsive.css

它们分别的作用为:

bootstrap.js:是bootstrap的所有js指令的总和。

bootstrap里面所有的js效果,都是由bootstrap.js控制的。

bootstrap.js供开发的时候进行调试用。

bootstrap.css:是未压缩的,完整的bootstrap样式表,供开发的时候进行调试使用。

bootstrap.min.js:是压缩的bootstrap样式表,在部署网站的时引用。

bootstrap-responsive.min.css:是bootstrap-responsive.css的压缩版,在部署网站的时引用。

bootstrap-responsive.css:是对bootstrap框架应用了响应式布局之后所需要的CSS样式表,

在页面里引入bootstrap的css和js文件有下面两种方法

方法一:

首先得把boostrap下下来;

<link type="text/css" rel="stylesheet" href="boostrap.min.css">这个是引入css文件

<script type="text/javascript" scr="boostrap.min.js">这个是引入js文件

方法二:

<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">CDN引入(css)

<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script

CDN引入(js)

注意:引用之前要先引用jquery才可以用它的js文件