zoukankan
html css js c++ java
免费获取Bootstrap模板的方法
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,其中中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。
最近通过了Bootstrap中文网学习了其中的一些的用法,深深被他简易用法,逻辑清晰,优雅界面所吸引。但是通过教程只能简单地理解其中的基本用法,但对于构建一些商业级的应用还是有一定距离。尤其对于我们这些开发人员来说,我们可能更需要的是获得更多的完整案例来作为参考,构建自己的所需要的模板。
网上有很多基于很多Bootstrap的模板与主题,但是普遍出现的问题是:免费的都是挺简单的,比较完善的就要收费,而且收费的手续也是比较麻烦的,所以想进一步学习或者基于完善模板的二次开发会遇到一些麻烦。
经过分析与研究,我发现了一个比较方便获得这些boostrap主题与模板的方法,下面我给大家分享一下。
开始前,我们需要360安全浏览器以及一个bootstrap模板的网站,我现在发现的是https://wrapbootstrap.com/。
下面我用截图结合文字进行详细说明步骤。
2.进入预览界面后,按F12工具栏,浏览器底部出现开发者工具。点击工具栏Resource按钮,可以看见网站的文件夹Frames以及所需图片,脚本以及样式,分别有Fonts,Images,Scripts,Stylesheets四个文件夹。
3.既然我们已经可以看到网站的这个文件夹了,当然是想把它整个下载。但是,浏览器是不允许我们这样,所以我们只能采取了一些迂回的方法了。首先我们在电脑文件夹中新建一个网站的文件夹,文件夹下新建css,fonts,img,js文件夹。
4.回到浏览器,我们对网站的文件分别采取不同的方式进行下载。
Fonts:鼠标右击文件,选择open link in new tab,文件就进入了下载的界面了,下载本地新建的网站文件夹下的fonts文件夹下
Images:鼠标右击文件,选择open link in new tab,文件就进入了查看的页面了,页面在下载本地新建的网站文件夹下的img文件夹下
Scripts:鼠标右击文件,选择Save as…,文件就进入了下载的界面了,下载本地新建的文件夹下的js文件夹下
Stylesheets:跟Scripts基本一致,将文件下载到本地新建的网站文件夹下的
至此,网站的文件基本已经完成了,下面就可以进行html文件的下载了。
5.F12关闭浏览器的开发者工具,在网页空白处按Ctrl+S(网页另存为),选择仅保存html,并根据网页域名去文件名,保存在本地新建网站文件夹的根目录。将网站下的所有网页按照此方法进行下载。
6.按照以上方法基本可以完整下载这个网站模板了,但是有些时候我们打开本地网站文件夹的网页文件时,会发现有些图片加载不出来或者有些字体显示不正确,这可能网站的文件夹路径或者名称不正确。我们需要通过网页代码对文件夹的路径进行整理。我们重新回到浏览器界面,F12打开开发者工具,通过Elements查看网页代码,通过下图,我们可以见到,虽然我们的网页文件已经下载了,但是我们初时创建的js,images,css,fonts文件夹是对应不上网页的代码的,此时我们需要通过将文件按照网页的代码重新整理文件夹路径。
7.整理完成后,我们就可以免费获取bootstrap的模板了,赶快试试吧!
查看全文
相关阅读:
hdu 1875 Krustal最小生成树
寒假学习PID和latex随笔2013/2/10
HDU:今年暑假不AC
HDU:七夕节
寒假规划
HDU:开门人和关门人
HDU:cake
HDU:最小公倍数
HDU:Who's in the Middle
Latex 第一个程序 效果
原文地址:https://www.cnblogs.com/efreer/p/7068445.html
最新文章
最大流问题
伸展树的点点滴滴
设计模式工厂模式
深入理解Java虚拟机一 阅读笔记
JDK1.8体验Stream表达式,从一个对象集合中获取每一个对象的某一个值返回新集合
C#初学点滴动态改变窗体标题
刚刚开通了cnblogs,测试一下
使用.net 2.0中的秒表-stopwatch类进行硬盘速度测试
三十岁:程序员的职业发展
从微观到宏观,遍历网络安全这幅有向图——By Me
热门文章
收藏:几种开源许可证的区别!——By 阮一峰制作
hdu 1142 最短路+记忆化深搜好题
hdu 1213 并查集用Kruskal算法
hdu 1241 dfs求连通分量个数
hdu 3666差分约束
ZOJ 2770差分约束
hdu 2680 dijkstra反向建图
hdu 3592 差分约束
hdu 1233 Kruskal求最小生成树
hdu 1548 最小生成树dijkstra,关键建图
Copyright © 2011-2022 走看看