前端框架引导如何安装

小编给大家分享一下前端框架引导如何安装,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

引导的安装方法:1,在引导官网下载引导文件,然后使用& lt;每日和& lt; script>来引用;2,通过鲍尔进行安装;3,通过npm进行安装;4,通过作曲家进行安装即可。

引导是前端开发中比较受欢迎的框架,简洁且灵活。它基于HTML、CSS和JavaScript、HTML定义页面元素,CSS定义页面布的局,而JavaScript负责页面元素的响应.Bootstrap将HTML、CSS和JavaScript封装成一个个功能组件,用起来简单,粗暴。

<强>引导怎么安装?

1,在引导官网下载引导文件,然后使用& lt;每日和& lt; script>来引用

登录引导官网

下载引导

下载引导:下载预编译和压缩版引导(不含文档和源码)。

下载代码:引导源码,如官网介绍,需要编译少文件和一些安装。

刚接触引导的话建议下载第一个,下载下来直接用。

文件结构

下载下来的文件是压缩包,我们解压之后可以看到文件的结构。

HTML使用引导

HTML使用引导需要引用jquery.js, bootstrap.min。js和bootstrap.min。css文件,引用这几个文件可以让一个常规的HTML文件变为使用了引导的模板。

方式一:HTML与引导文件夹放在一起

我们前面已经下载了预编辑的引导解压出来得到了引导文件夹,只要把HTML与引导文件夹放在一起,然后用相对路径引用jquery.js, bootstrap.min。js和bootstrap.min。css文件即可。

方式二:html引用CDN中的jquery.js, bootstrap.min。js和bootstrap.min。css

很多CDN服务已经上传有这几个文件了,直接调用就好。

例如:

& lt; ! DOCTYPE  html>, 　　& lt; html>, 　　& lt; head>, 　　,& lt; meta  charset=皍tf-8"祝辞, 　　,& lt; title>在线尝试,Bootstrap 实例& lt;/title>, 　　,& lt; link  rel=皊tylesheet" https://www.yisu.com/zixun/, href=" http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css ">