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的模板了,赶快试试吧!
查看全文
相关阅读:
浅出Java Socket 编程
WPF指南之一(WPF的结构)
使用URL访问网络资源
WPF指南之三(XAML的名字空间)
多线程并发思考文件加锁
关于kindeditor上传图片出现"服务器发生故障"的解决办法
isset function of PHP
JSON字符串传到后台PHP处理的问题
isset function of PHP
(转)Linux利器 strace
原文地址:https://www.cnblogs.com/efreer/p/7068445.html
最新文章
数据库设计指南(三)选择键和索引
Web架构师必备能力
Java转码工具native2ascii
数据库设计指南(一)设计之前
软件需求分析三步走
理解Flex itemRenderer(3)通信
理解Flex itemRenderer(4)状态和过渡
ORACLE中的物化视图
PostgreSQL使用注意事项
理解Flex itemRenderer(1)内联渲染器
热门文章
理解Flex itemRenderer(2)外部渲染器
Flex样式工作原理
Ext RAD开发工具预览
Flex Datagrid 三类背景色设定
Hibernate延时加载
javascript总结cookie篇
javascript总结div
WPF指南之二(XAML概述)
java中的正则表达式,揭开你神秘的面纱
利用xstream处理java中的集合类
Copyright © 2011-2022 走看看