如何本地化Bootstrap的Helloworld

来源：互联网 2023-02-21 19:06:47 版权归原作者所有，如有侵权，请联系我们

bootstrap是一个用于前端开发的开源工具包，它所具有的html如何和css框架能够给予前端开发者很大的帮助，今天小编介绍一下如何起步bootstrap，即本地化boostrap的helloworld。

如何本地化Bootstrap的Helloworld？

工具/原料

下载安装

方法/步骤

第一步，就是要下载生产版本的Bootstrap,其实很简单，直接从网站上下载就好了。保存到本地电脑的文件夹中，一会还需用到。

如何本地化Bootstrap的Helloworld？

第二步，我们还需要下载一个“jquery.min.js”文件。保存到和下载Bootstrap一样的文件夹里就好了，方便找到。

如何本地化Bootstrap的Helloworld？

第三步，打开Hbuilder,新建一个web项目，名字为“Bootstrap”，用来我们完成Bootstrap的起步。

如何本地化Bootstrap的Helloworld？

第四步，打开Hbuilder,在“Bootstrap”中新建一个文件夹，可以重命名为“Jquery”并且找到我们保存好的“jquery.min.js”文件，把它复制粘贴到Hbuilder的“Jquery”文件夹中。（或者先不动下载的“jquery.min.js”文件，组合的时候直接粘贴到“js”里）

如何本地化Bootstrap的Helloworld？

第五步，组合下载的Bootstrap和“jquery.min.js”。把下载的Bootstrap里面的“css”、“fonts”、“img”、“js”里面的东西分别复制粘贴到已经建好的“Bootstrap”Web项目的“css”、“fonts”、“img”、“js”中，（之前的“jquery.min.js”没有新建文件夹的话也可以直接放进“js”中）

如何本地化Bootstrap的Helloworld？