设备：火狐浏览器，WebStorm               操作方法：Ctrl+A，Ctrl+C，Ctrl+V

---

第一步：进入自己所需要借用的网站，在这里我拿bootstrap官网进行操作吧

第二步：按F12查看元素进行操作或者直接右击选择查看网页源代码，然后复制代码拷贝到自己的项目中

方式1：F12查看元素 复制html部分到自己的项目中

方式2：右击选择查看页面源代码，然后Ctrl+A，Ctrl+C，Ctrl+V复制代码到自己项目中

运行之后发现如下图所示内容有了，但没有样式

所以接下来我们去查看一下项目的css样式，发现缺少一个本地样式，所以导致了页面没有格式

接下来，我们就需要继续去bootstrap的官网去拷贝所缺少的css样式了

第三步：F12查看元素 找到缺少的css样式位置处，右击链接选择-->在样式编辑器中打开文件-->Ctrl+A，Ctrl+C，Ctrl+V拷贝样式代码到自己的项目中  或者  复制链接地址在浏览器中打开之后复制样式代码到自己的项目中，改下href处路径即可

然后运行，就会发现页面的排版已经成功完成

但我们又会发现如下图所示缺少了图片,怎么办呢？？？  

第四步：F12 获取所需要的图片，保存到自己的项目中，然后修改一下图片路径即可

运行之后如下图：

最后只要我们灵活使用浏览器的功能即可快速拔取一个网站页面！！！

这是我的项目资源链接     密码：mufa

只是简单的弄了一下，没有弄太多，重要的是掌握方法即可，哈哈~~