怎么在页面里引入bootstrap的css和js文件

JavaScript018

怎么在页面里引入bootstrap的css和js文件,第1张

在页面里引入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文件

1、易于开发:bootstrap+vue.js提供了页面数据渲染模板引擎如v-ifv-for等、提供事件绑定@click等,代码清晰明了,逻辑简单,易于上手。

2、高性能:bootstrap+vue.js提出虚拟DOM概念,以及数据驱动DOM思想,减少页面渲染成本,大幅度提高性能。

3、生态完善:许多开发者提供了对bootstrap+vue.js支持的插件如ElementUI,完善bootstrap+vue.js的生态,故使用bootstrap+vue.js进行开发,遇到的难题会较少。

4、开源社区活跃:这提供bootstrap+vue.js未来更加强大的可能性。