bootstrap 5没有动画效果

小伙伴们大家好，欢迎来到朝夕教育，本节跟大家分享的内容是波特式主要谱舞折叠 啊，通过折叠啊这两个字呢，其实就可以想象出它是一个什么样的效果了，折叠吗？就是这个内容的本身，它就像可以收缩一样，可以哎，展开或者是这样把它给叠起来， 那么也就是说当我们这个页面上需要有用到隐藏和显示内容的时候呢，我们就可以用到折叠主见了。 在包的时装铺啊，折叠的这个插件上啊，他是需要有两个元素呢才能正常工作的，那折叠吗？什么那个情况下呢？就是当我点 击了一个东西的时候，另外一个东西，哎，他显示出来，或者说再点击一下的时候，然后隐藏，所以说他必须有一个触发元素，比如咱们的按钮或者是一个超链接，然后呢就是折叠元素本身了，那也就是说，哎，他是一个这样的效果。 好，这是一个按钮啊，那也就是说当我点击这个按钮的时候呢，哎，他会显示，哎， 下面的这个内容，当我再点击一下的时候呢，下面这个内容它隐藏起来了，是不是需要有两个元素才行啊？ 好，既然需要有两个元素呢，来，我们先把它的这个结构啊，先来写一下，那如果说我需要点击的是一个按钮，好，我先来一个按钮吧，按钮，那我现在快速的把这个按钮的一些效 效果，好，赶紧来写一下。 btn， 好，颜色呢？是一个好蓝色的， 这是一个折叠按钮， 好，然后下面呢就是显示的这个内容了，是一个 div 啊，然后是一个啊，好，来个 p， 这个是显示出来的内容， 那么也就是说当我点击这个按钮的时候，下面这句话他出来了。好，来，我们先到页面上面先来看一下这个效果， 当我点击他的时候，他显示出来，当我再点击的时候呢，他又隐藏起来了，这个呢就是一个折叠的效果，那么我们应该如何来实现呢？ 好，他说如果要实现这个折叠的效果呀？首先必须要使用哪个类啊？使用到这个 clubs， 呃， clubs 这个类呢就是可折叠元素，通过单击按钮可以显示或者是隐藏内容。好，我们把这一个啊 clubs 呢？把这个类，把它添加到咱们的这个 div 里面。 好，把这个内添加完以后啊，来，大家再想一下，我们需要是哪个呀？控制哪个？用这个按钮来控制他，对吧？ 也就是说如果你需要控制这个可折叠的内容呢，我们必须要添加，哎，有两个属性到这个按钮元素上面来添加哪两个属性呢？好，我们一起来看一看。他添 是这个贝塔杠 bs， 然后呢是这个 total， 嗯，然后里面的内容呢是这个 collapse 这个属性啊，呃，他的意思呢，就是让这个按钮啊具备控制某个元素，然后有一个展开和嗯，收缩的一个功能。好，然后第二个属性呢？是这个得他干 bs， 然后是 这个属性呢？呃，他接受的是一个 cs 式的选择器啊。选择器。好，那也就是我们必须把这两个呀相当于起一个连接的作用。那我先给他来一个 id 名啊， id 名呢？比如说咱们的这个，哎 demo， 那他的这个名称呢？就是井号，加上这个 id 的名称就可以了， 也就是让他们，呃，相当于连接起来嘛，对吧？你说我点击他的时候谁有一个折叠效果呢？下面的这个好，写完了。好，咱们到页面上面来刷新看一看效果， 当我点击这个按钮的时候，点击一下，哎，看到了吗？是不是这个内容显示出来了，然后我再一次点击的时候，哎，他隐藏了。好，这个呢就是实现了一个折叠的一个效果， 嗯，好，大家可以看一下啊，他这个实现的呢是就是通过了这两个属性啊，我们刚才看到的 这是一个按钮，当然你也可以使用这个，呃，超链接，来，我把这个按钮好复制一下，变成一个 a 标签。 呃，超链接也是可以的啊，但是呢，好，超链接，来看一下咱们的这个笔记。上面说 啊，因为这个 a 标签呀，他有哪个属性啊？ a 标签他有 hoof 属性，所以说你的这个 hoof 属性呢是可以代替他，哎，这个属性的，本来他指向的就是一个目标吗？那我们就可以呃，使用 hoof 属性。 好，还有就是这个 id 是唯一值吗？所以说好给他来一个名称啊，改变一下 区分，我把内容区分来到页面这边刷新瞧一瞧。哎，这个链接的时候呢，哎，点击一下这个是显示出来的内容，一二三是不可行，哎，可以了， 这个是哎链接啊，也就是说如果我们用用到的是 a 标签，那么你就可以直接把那个属性的啊换成这个号属性就可以了。 还有就是默认情况下，我们刚才看到了这个可折叠的内容啊，你看 这个可折叠的内容是不是默认情况下他是哎隐藏的呀？那如果说我现在要让他显示出来呢？如果说，哎，默认情况下你现在让他显示出来，我们可以把这个给他添加上这个秀。哎，给他添加 这个累就可以了，那就会显示出来了。好，到页面上再来刷新看一下是不是显示出来的呀？默认情况下没有隐藏了吧？他显示了，你再点击一下隐藏，再点击一下，哎，又显示出来了。好，这个呢，就是一个折叠的效果。 嗯，那本节的内容跟大家就先分享到这喽。

好的，大家好，那么接下来的话呢，我们来学习一下咱们的本套课程啊，不是 jf 五空驾技术行解的第二集啊，变速安装与测试啊，变速安装与测试， 那么在这个里面的话呢，我们来看一下，这里面比较简单，今天的话就讲这么三点，第一个是 bs 五，他的官方叫到底叫什么对吧？好多人是晕头转型的，在国内，咱们在国内搜一下这个布特斯坠破，这个布特斯拽破啊，我以前的时候老读他布特斯坠破，这个无所谓了， 不要太纠结，他好来看一下啊，你比如说这部的教程啦，部的一些手册啦，文登啦，更多的一些中文的手册在国内都停留在 v 三版本，四 版本都比较少，五版本就更少了，现在目前的话呢，在全球还没有，还没有一套正儿八经的这么一套布特斯 rap bs 五的中文手册，对吧？既然没有， 我们也别别对吧，我们也不要太煽情了啊，我们就直接用他的英文的英文的这么一套东西啊，这么一套手册来学习就可以了，因为这是你的官方，我们不跟着他学，跟着谁学啊，对不对？我个人建议啊，很多东西一定要去官方学习，如 如果你不喜欢视频，或者说你你更喜欢文等，那我建议你去官方学习，你不要在国内，国内的文等的质量 可重复性真的太太高了，就是一篇文等质量本来就差，然后呢，你再去搜，你会发现出来一万篇星同的，雷同的，百分之九十九雷同的，要错，大家错到黑，对， 这要对吧？要跑，跑到黑，要搓搓到底，这怎么能行呀？所以说这这这些年呢，我个人呢，对我自己的一个习惯啊，个人的习惯，你邀请节约时间，你就去官方，不管他是英文的还是其他语言的，因为这样反而是最节约时间。 国内呢，很多的一些手册呢，与作者的水平有一定的关系，可能都跑偏了，对吧？可能都跑偏了，我不是说都不好，但是绝大部分都跑偏了，对不对？这一点大家一定要注意一下，这也是咱们的本套课程，咱们全部都取材和跟着这套官方他的文档去学习的原因 好不好，希望大家能够理解啊。不是不是我自己装逼啊，我就是拿一个英文，其实我的英文好吗？我英文也不好，是不是啊？ 真的不是装逼啊，是因为时间长了以后，你会发现国内的是文等质量真的太差劲了，对不对啊，本来本来我 就差劲，现在好了，谷歌你还打不开，对不对？更好的英文文登，更好的技术技术文登和权重的一些东西你还拿不到啊，真的非常耽搁时间，你们以后就明白了，就是说你从业五年以上的人，你就会，你就会明白了，不光是哪个计算机领域里面的东西，一些 一些特别重要的棘手的一些文等，都是英文文等都在国外，国内你几乎就拿不到你自己想要的东西，只真的就是浪费时间，特别浪费时间， 好吧，我也是受够了啊，哈哈，所以被逼无奈啊，现在是更喜欢用官方的东西来学习了，对不对啊？来接下来的话呢，咱们来看一下本套的东西啊，第一个就是他的官方 get git， 我们现在打开，然后呢我们呢现在去下载登录的，对吧？登录的里面的话呢，咱们去下载一下啊，已经编辑好的东西，对吧？已经编辑好的四 s gs 的东西，好， 我们直接呢，对吧？直接打开它，对吧？直接打开它就 ok 了啊？点下载下载呢，你可以看一下左，我把这鼠标一划，你看一下左下角这个地方会有一个地址，会有一个 地址，这个地址就是我放在这的地址，你或者拿它去下载下就好了，对吧？拿它去下载下就好了，好， ok， 在这呢已经快速的下载下来了，我们来看一下，把它拿过来，好， ok， 拿过来，在这个里面的话呢，我们把它解压，解压以后呢，我们来看一下 bs 五，目前的话呢，已经进行到五点零点零，对吧？他的一个五点零点零，他的一个 b 三版本了，也就是他的一个测试版本的一个三版本，很快他就会进入稳定版本，其实五点零的这个版本的话，其实已经经历了至少半年的时间了，时间周期很长， 国外呢，他更新升更新升级很多东西呢，他都比较谨慎，而且都会拿一线进行反馈和测试，对吧？不会拍脑袋杠啊。然后咱们来看这里面一 一个是不得啊，一个是不得拽破他的 cs 里面的东西啊，一个是 bs 里面的 cs 的东西，还有一个的话呢，是 gs 里面的东西，看到吧？是 gs 里面的东西， 在这的话呢，我们呢也把这个是变异后的东西，就是已经变异完毕了，你看不到他的，你看不到他，他的这个，你比如说，你比如说这个塞塞斯拉里面的很多的东西呢？他呢都是基于萨斯来开发的，对不对？哎？萨斯源文件的东西，所以说你要想拿到真正的一些萨斯源文件的元代码，那么请你去下载他，对吧？登陆的扫斯 好，正在下载，有的人说我在国内，我访问这个咱们的给他宝有点慢，那么建议大家的 dnds 一定要修改成幺幺四点幺幺四点，幺幺四点幺幺四，或者 八点八点八点八，对吧？四个八下载的话呢，下载国外的很多的站点呢，相对来说会比会稍微快一些啊，好， 我们把它拿过来，这个呢就是说啊，这个是因为三六零的作用啊，他正在扫描，稍微等那么几秒钟啊，稍微等几秒钟，好，听，我简单来说一下这个地方， 也就是说这个的话呢是已经已经什么呀？已经呢？把很多的一些底层的萨斯文件的萨斯编程的东西，已经编译成什么？通过萨斯已经编译成了四 s 和 js， 已经编辑成 css 好， ok， 然后呢我们通过 gs 呢，我们去使用了等等一系列，我们去使用了等等一系列，对吧？那么这个是什么呀？这个就是说他保留了我们的萨斯文件，那么你就可以看一下这个 super 开源的所有东西， 这个不是他的元代码，现在的元代码都是什么？都是萨斯，对吧？因为他都是用萨斯来开发的。好，然后呢我们帮他解一下啊，对吧？我们来看一下这里面的东西， 你会发现这里面的东西呢，要比要比我们上面的东西要多得多，对不对？要多多多多，以及这里面的话呢，也给我们准备了这里面所有的 s， s， s 就是杀死的东西， 看到了吧？就是萨斯的东西，哎，我这个时候呢，现在呢我呢把这个和这个啊，把这另一个东西呢？我呢方便大家学习，我都考到咱们的第二集里面来，可以吧？我都考到咱们的第二集里面来， ok， 方便大家学习啊，方便大家学习。 那么接下来的话呢，接下来的话我们已经下载下来了，那么好， bs 五的话呢，我如何去使用呢？对吧？如何去使用呢？那么为了方便我们后边的东西，我再给你们写一个 bs 五，对吧？在 这个里面的话，我们新建一个目录，叫帕布雷克啊，叫帕布雷克。然后呢新建一个文件，比如说我们要使用这个 bs 五，怎么玩呢？我们就直接拿一个英带字典 tm， 对吧？测试一下里面没有任何 的东西，打开，对吧？里面没有任何的东西，还有呢就是这个帕布里克里面的话呢，我们呢拿一个，我们拿一个 bs 进来，对不对？哎，帕布里克里面是我们 bs 里面的真正的东西，是 bs 里面的真正的东西，那么我在这地方我就新建一下 js 以及 css 以及以及 cs， 完了以后呢这帕贝克里面的话呢，我们还有一些除了 bs 以外的 gs 以及 cs， 以及我们测试肯定要用的那些图片， 对吧？哎，这个目录结构大家一定要注意啊，然后呢我们呢就，嗯，我们就把这些东西我们想要的东西拿过来吧，是不是？ 我们把这里面东西我们拿过来吧，好，首先呢第一个呢是我们把它拿过来，这才是我们真正想要的东西，这里面一堆的东西，这里面一堆的东西，其实我们很多人的话，很多人可能也没 闲工夫区这里面看到上万行的四 s 的代码，所以说我们直接使用生产线上，我们用的东西就是闷，对吧？生产线上的东西， 为了好调试，我们一定要把这个卖铺拿过来，卖铺是什么我就不多说了，为什么呀？因为在，因为在第一集里面我已经推荐大家去学习一下萨斯那套课程，在那个里面都有详细的境界， 什么是萨斯，什么是 scs， 什么是 cs， 什么是卖铺，好不好？在这我就不再去伸说了，我们把这个闷直接拿过来，然后呢接着呢，我们再把他的 js 的东西拿过来， js 东西拿过来，那么那么这就是他的 js 以及卖铺，对吧？把他的闷拿过来，对不对？ 我就不要那么多东西了，这么多的东西基本上我们后面也用不着，也用不着，对吧？因为这个是最全的，对吧？哎，这个是最全的， 这是 css 里面的东西，那么接下来的话呢，我呢为了方便咱们后面的学习，那么我们呢就来一个什么呀？ scss， 我们把这套元代码的东西拿过来，因为我们在后面的课程里面的话呢，就会去学习我们如何利用官方发布出来的萨斯编程的一些元代码，然后呢来得到我们想要的，对吧？来得到我们想要的东西，我们把它全部都复制过来，剪切过来，或者把这个文件夹整个的复制过来， 拿过来帕布里克下 xs， 对吧？把他整个的刚才整个的元旦码考过来，把整个的元旦码考过来，这其实 这里面所有的东西最终其实生成的就是他，就是我们真正想要的东西，就这就是所谓 他真正所有的东西，不得所有东西啊，非常非常重要，对吧？不得不说白了就是一套 cs， 就是一套 cs， 把里面含有大量的类和应试，还有标签的应试，方便我们去拿着这些类去使用，得到我们想要的东西。如果说你仅仅只会拿着这些类，然后呢跟着手册，然后得到你想要的界面，这还是一个低水平的一个状态，对不对？ 你如何对他进行二次开发，如何对他进行定制开发，这很重要呀，对吧？他里面的很多东西，他他里面的很多的东西，要求你这个 fx box 你也要熟练，你不能刻意的去背啊，对不对？他为什么盛装下左乘右要使用 flax 呢？对不对？ 这些东西的来龙去脉我们都要把它搞定，这呢也是为什么我在之前学习这个 bs 五的课程之前给大家专门录制了萨斯课程体系 以及 fxx box 课程题，有人摸不着头脑，为什么要学这些东西呢？其实还是为了让大家更专业的去学习 bs 五，因为有这套 bs 五在手，那么一切的界面，外部界面都不怕，对不对？ 好， ok， 那么接下来呢，我们就简单的来玩一下呗。好，我们这个呢，我们已经打开了，或者说我们把 bs 五，我们把这个 bs 五整个的拿到我这里来，对吧？ 拿到我这里来啊， bs 五上面这个是我以前做的测试，那么 bs 五里面所有的东西都在这隔着呢，看到了吧？都在这里面，都在这里面隔着呢， ok 了吧？好， ok， 那么接下来呢，那么我们呢？此时此刻我们在这英呆的铁路，那么我们呢就开始引入一下 bs 五， 然后呢对吧？然后在这个地方呢，我们在没有引入的情况下呢？你比如说我们来个 cat 呢？你比如说来个 这个看腾的，有时候真的是很长啊，很累啊，然后在这个里面来个看腾的，看腾的里面的话来个 a 十一， a 十一面，来来个 对吧？买那本 a 字 bs 五，对吧？哎，看弹对吧？看弹词，来个斯安的萨斯啊，萨斯，好， ok， 就这么一段东西，我们来刷新一下目录，我就关了刷新， 是不是就是这个样子的呢？就这个样子的啊？啊，那么完了以后呢，接下来的话呢，我们把这个对吧？我们把这些 bs 啦什么的都把它包进来，我们来看一下， 对吧？我们都把都把他包进了，那么首先的话相对于我来说的话，就是帕布里克下，帕布里克下的， bs 下的， cs 下的，然后呢？不是 girp 点闷点 cs 还有一个是还有一个，如果学到组件的时候呢， 回到组件的时候呢，那么我们就一定要把它拿过来， bs 下的， gs 下的，然后呢把它点闷点 gs 好刷新，哎，你会发现硬是变了，硬是变了，这其实就是 bs 五，咱们在第二季里面最主要的要体现出来给大家讲的东西， 对吧？他的一个简单的使用他的一个简单的使用，这个呢，其实呢就全包上来了，对吧？就全包上来了， ok， 其实这呢就给我们后面打了个基础，说到这，其实本集就已经可以结束了，对不对？哎，他的应式呢就发生了一定的变化，那么在这呢简单的夹一点东西吧简单的夹一点东西吧，比如说我们来一个类 来一个类，完了以后呢？你比如说我们来一个背景颜色打 call， 对不对？背景颜色，然后呢我们来一个 fact 我们的文本颜色 vip， 对不对？哎？文本颜色 vip 是不是这呢？就是，其实就是简简单单的使用了 bs 五里面的东西了使用了 bs 五里面的东西了，对不对？那比如说我现在呢？形容他，形容他这个看头呢？然后呢？离上面的 mark man top 离上面咱们稍微保留那么几十个，对吧？稍微保留的一部分的 mon， 对不对？是不是？哎， 我们瞬间就已经打到这了，瞬间就搞定了，看到了吧，以及圆角啦，等等等等一系列啊，以及拍顶，拍顶的话呢，我们也可以加一些啊拍顶的话我们可以加一些，加一些拍顶 来看一下，来看一下。哦，因为我们现在用的是什么呀？我们现在用的是 d i v， 我们现在只用的是 h 一，对吧，其实我们用一个 d i v 也可以，用一个 d i v 也可以，我们来看一下，因为 h 一本身具有他自己的样式，来看一下，对吧？是这个样， 然后我们在这个人身上我们来看一下，刚才的话主要是加错地方了。好， ok， 完了以后呢，我们在这个地方我们来看一下你，比如说皮刚三，那么这样的话就有了拍顶， 是不是就有了？拍点。 ok， 那么这里的颜色呢？你也可以用你自己喜欢的吧，用你自己喜欢的颜色 money， 对不对？ money， 用你自己喜欢的颜色，是不是？哎，对，这样的话呢，是不是就很开心了？甚至这个颜色呢？我想让他变得淡一些， 等等一些他都可以做，对吧？这个颜色太深了，哎，我想让他变淡一些，怎么怎么办？在 bs 五里面已经非常强大了，这些所基本上我不能说他完美啊，但是他基本上解决了很很多 之前的 bsbs 二、 bs 三、 bs 四里面的很多地方的不足和灵活度上的不足啊。所以说 bs 发展到今天已经不是一套裤了，也 是一套四 s 四文件了，他已经演变成一套控价了，就是前端界面空价，我们今天就可以把它定位为前端界面空价他的一个 标准了。以前大家觉得他是一个非常简单的四 s 的，有啥意思呢？现在已经不是了，现在他已经非常标准化，非常标准化，对吧？他的可扩展性已经非常强了。 ok， 那么到现在为止，那么我们第二集去简单的说完了。好，谢谢大家。

好，回到我们刚刚这里啊，我们刚刚在这里面不是去步子 stop 里面看了一些基于步子 stop 构建出来的这种响应式的网站了吗？那接下来的话我们就要去学一下， 不能错过。那怎么学呢？不能错过的这个学习路径啊，他基本上遵循于我们上面给列出来的这几点。第一个就是关于什么他有入门 全军事业城市主见，借此插件，然后的话定制，我们这里面现在又学不到，一般情况下我们就不用去学他了，那就学前面的这几个部分就可以了，明白吗？好，那知道这个了之后，那我们就知道到那一个不是错误的这个什么学习的这个什么方法啊？不是错误的这个学习方法， 那学习方法是完全基于官网上给我们的这个学习步骤啊，那我们就这一个一个来。好，第一个的话，那如果大家要用的话，那就在这里面或者 top 他是一个什么？我说了他就是一个别人跟我写好的 四 s 是文件，我们拿过来用就行了。那在这里面的话，他有几种？什么几种文件？那这几种文件的话呢？啊，我们用的话其实用这个比较合适，用于什么？ 这个已经给我们处理好了的，像这个的话，之前我们不是给他借过杀杀死了吗？这个就用杀死帮我们写好的。除了杀死的话，他还给我们提供了一个什么，提供了一个 nice 这个版本的，那大家根据实际的需求，假如说你后期想改这一个不得差不里面 默认的那些样式的话，那你就把刹的死或者说 nice 下下来，然后你重新写修过来之后，然后再重新变一层我们想要的面吧。好，那这个下好了之后，接下来呢我们就要去用， 那在用的过程中啊，大家可以看得到这里面有一个东西叫不得，不得不得是 cdn， 那在这里面大家可以先去查一下什么是 cdn 啊？这个东西的话一般在做我们网站提速的时候，在网页做性能优化的时候， 我们会用到 cd 这种技术。好，等到后面我们项目上线了，我再给他具体解释这一块的东西。好，接下来的话还有其他的方式啊，还有像这个豹，还有像这个 npm 都可以用，那我们的话就自己去下载，下载了之后我这边已经跟他下好了，下好了之后我放到对应的这一个里面，我给他拿过来。好 啊，找到对应的这个资料，资料里面这个地方的话就是我们他下好的这个版本啊，下好了之后，那我们把它放到这里来，放到这里来之后，然后进行这一个什么解压， 你解压了之后啊，他这边就给我们提供了很多的东西，然后再把它解压出来，解压出来之后我把孩子也放到外面一层啊， 不用放那么多层。好，大家可以看得到啊，他其实就跟我们我们要用的其实就是他给我们提供的一个 cs 这个文件，当然 cs 他给我们提供了很多种，那在这里面其实 我们关心的其实就这一个跟上面的这个啊，那大家需要注意啊，这一个只是上面的一个压缩板，什么是压缩板呢？ 下面的这个相加于上面的来说，它里面的那些空格换行什么全部都去除了，因为我们说过 cs 是对空格换行不什么不敏感，所以说的话是给去除了。你看去除之后再往这个文件的大小，他相比前面的他大概是不是减少了三十 kb， 然后减小就是为了网络传输的时候快一点，那我们在本地开发的时候一般用这种文件，然后项目上线了，一般用迷你文件，好吧？好，接下来的话呢，我们把这个文件打开，看一下他到底长什么样一个样子。好，那我们点到这里试试，我们看一下这个文件。 好，然后以及对应的这个迷你文件。好，那大家需要注意一下啊，这两个文件其实本质上来说都是一模一样的，只是后面的这个文件，迷你这个文件他把代码全部干嘛压在一起了，然后的话 前面的这个是没有压缩的，没有压缩的话我们阅读起来就方便一些，好吧？他给我提供了很多的这些类，明白吗？那我们在合理的去运用这些类，然后就可以做我们的开发了，明白吗？好， 那知道不能插补这个了之后，接下来的话我们就去用，那用的话已经下好了，下好了之后接下来大家需要注意下，你用这个不能插补呢，他也给我们提供了一个简单的一个耳机天把模板，那我们需要按照这个模板来写我们的这个代码，明白吗？好， 那这边呢，我们就把他的这个代码把他再点这里。货币也可以啊，货币分出来，货币分出来之后，然后在这边我们需新建我们的第一个页面。 好，然后的话这么淋一啊，我就往淋一吧啊淋一啊，鼻涕，然后踹 好，这样做好了之后，接下来我们就把这个都不要了啊。好，那这边做好了之后，大家可以看得到他跟我们做的这个页面结构呢，其实 是啊，大致上也是差不多的，然后就是也是个与天白骨的文档，明白吗？做好了之后，那接下来的话，这个抬头我们其实可以很好的看清楚，那这个的话，是不是就是我们的这个不是川普的这样一个， 我们把不能错把弦写为 bt 啊？好，接下来的话，他引落了一个不能错把的一个样式文件，其他是引的一个什么，引了一个线上的地址，你看这是个绝对地址，明白吗？那我们为了本地调试方便，那我们快一点，我们就拿哪一个当前目录下。 cs 是， 这不是创文里面，他不就有一个四 s， 是吗？四 s 里面不有个不是创文四 s 吗？那我们一个本地的。好，接下来的话，这里面还有两项代码，这两个代码是什么意思呢？这两个代码啊，大家需要注意点。注意啊，就是因为我们现在还没有学， 还有天马五里面的一些雨衣标签，大家需要注意啊。后面啊，下面的这个东西主要是为了啊，主要是为了解决 这个什么，解决这一个什么，就是按一下啊，不能识别什么不能识别啊？哪一个呢？不能识别这个？而且天脉五里面啊，里面引流的什么？引流的 一些新的什么新的雨衣画的啊，这标签明白吗？在 htm 五里面其实引入了其他的标签，例如像 have 这种标签， liver 这样的标签，明白吗？那这些标签的话在 i 一下是识别不出来的。 都说需要引入这两个什么两个文件，那这两个文件里面大家可以看得到，下面这里面多了一个这样一个东西，这个东西的话他代表的就是什么？就是义父，就是 如果 l e 就是小鱼，如果说小鱼二一九的话，他才会加载这两个文件，明白吗？意思说你可以这样理解，下面的这两行代码，只有在二一六七八下他才会发网络请求，不是二一六七八 他是不会发送网络请求的，这就相当于一个判断语句。好，那这个的话跟我们本次课程到关系不大，反正你按照这个模板引路就没有问题。好，那这样做好了之后，接下来的话，我们在这里面的多线我们先暂且用不到，那我们在这里面就可以看得到，现在这个就写好了，写好了之后呢？这个的话我们只需要引一个 不是 top， 这样那个文件。好，那我们就说不是 top 给我们提供了很多，就刚不是说了吗？不是 top 提供了很多的这种什么很多的这种样式类吗？他不是提供了一个不是 top 点 cs 文件吗？那有什么样的东西呢？例如我们家说快速的先放在页面上，然后做一个什么，做一个版型，那我们直接写一个孔腾的。 好，这个啊，好，你直接这样写一个孔子，那这样写好，这写好了之后他会自动的。干嘛呢？这里面还有自动的啊？帮我们就不得超薄，不得超薄，提供了一个 什么？提供了一个叫做什么？一个叫这个问题 an 一样的类啊，这个类就可以根据啊不同分辨率的大小 来确定什么来确定这个版型，明白吧？那等下我们再去看啊。好，那除了这个的话，假如说我们在开发的过程中，我们家是想快速的有一个什么快速 出来生成一个按钮，那这怎么办呢？我们可以直接这样做啊。好，那我在这里面我给一个 a 链接，那我在这边做好了之后，大家看，我在这边一个 plus， 一个 bt， 然后一个 bt 杠是个色式。好，这个的话是我们的按钮一， 那出了这个的话，我还写一个按钮啊，大家看，在我不会设置的情况下，我只需要合理的去使用这些类名，然后的话他就 可以购买的，他就可以跟我组织好一些。什么这一些按钮大家看啊，我现在什么都没学的情况下，我 比我 cs 都不会，我只要合理的去用这些类名，大家看组织出来效果长什么样子好，然后在这边去看一下，大家看这个时候有按钮是不是就可以看到这两个按钮了，明白吗？好，你看相比于之前来说， 这个你好世界是不是放到我的坑坑了之外的，他是不是就是顶着我们的浏览器显示的？但是大家看一下我们的这个按钮是不是放在坑坑的里面的？坑坑的是不是就相当于有一个什么？有一个板心，他是不是居中了？ 并且我们可以把这个孔腾的自己手工的干嘛去调点样式用，我们学过四 s 是什么？好，然后在这边我们是不是给他一个 bd， 好，给一个什么？给一个这个蓝色的这个边框啊，做好了之后大家看我刷新一下，大家可以看得到这个 bd， 这个孔腾的是不是有 有一个什么一个板心，看得到了吧？并且板心两侧他是不是有一个什么，有个内填充，明白吗？但是你看你好世界他是没有板心的吧？没有，他是不是通蓝的，因为他没有放到什么，他没有放到孔子那里面，但是如果我把它放到孔子那里面，大家看他正好有区域什么版型来显示了，看到了吗？ 这个时候我们如果去改变浏览器的大小啊，大家看一下啊，你看我刷新啊，我的我的这个浏览器现在是这么大的吧，你看我在缩小的时候，这个版型也感觉在什么？是不是在缩小并左右两侧 这个版型的左右啊？他都会有这个潘地内填充，大家看再缩小，再缩小，你看是不是又，这个版型是不是又变了？那我再缩小，再缩小，你看这个版型是不是在不断的什么？不断的在变，好，当我说的足够小的时候，大家看是不是都会有一些变化？你看这好，你看变，那我们可以 手工的去看一下这个版型到底有多大啊？那我们可以通过右键，然后检查元素的方式，我们把它调到 pc 模式好，然后在这里我们去看一下他的这个孔腾的这个大小，好，在这边我们看一下这个孔腾的，大家看 这可能的大小现在是多少？是不是这个什么幺幺七零这样一个大小，明白吧？好，那我再把它缩小一点点啊，大家看 再缩小，缩小的时候，你看现在这个大小是什么？九七零，好，然后我们再把这个再缩小一点点，好，缩小这个时候大家看他的大小是不是七五零，明白吗？好，然后的话我们再可以去缩小一下他，好， 这个你看再缩小的话，这个他就什么，他是不是相当于就四中了？就是你屏幕有多大，他这他这个自己就会占据了，明白吗？ 这边出来的这个是由于他本身的这个填充啊，盘顶造成的。版型的话是什么？你看两侧是什么有留白的啊？所以说的话 大家大致可以看得到，那在我们开发的过程中，那这一个他的版型是不是在不断的什么不断的在变化，那为什么会不断的变化呢？这个的话底层就基于我们的哪一个呢？叫迷掉快锐，大家可以大致看到类似这样的语法，他就可以帮我们去实现，好吧？ 好，这个呢？快速入门啊，就说啊通过，对不是错误的，这个什么快速 通过，对，这个 bottop 的这个什么快速入门的使用啊，我们发现 我们只需要什么，只需要合理的去什么？合理的去使用 c 或者插播提供的什么，提供的这种样式类文件或者类名 即可，什么即可实现快速的这种什么快速的这种布局以及一些什么一些其他的样式效果， 是吧？布局的时候我们刚刚明显可以看得到这边是不是在不同的屏幕下是不是有不同的版型，并且我们在这边是不是通过我们写的话是不是按钮也出来了，知道吧？

这个视频我们看一下怎么引入波斯群，我们先在这里找到他的光芒， 这里拼错了， 可以看到这走到这个就是中门的挂满了，我们现在用这个案例是要第四把， 为什么用到他呢？这个他兼容到 a 十吧，看一下他这个应该兼容到 a 十，最新版他没有兼容，不管阿姨了，虽然阿姨已经 已经下线，是还是有不少的阿姨用户的。在这里下载他的 侦查文件，我们看一下这里直接下载，我，我已经下载过了，我就不是一操作，看一下这个，点击他就能下载了，下载之后得到这样一个文件， 得到这样一个文件，打开之后有两个把，把 css， 把他这个 cs 引到我们的文件，这个是我们要做的文件引到这里，然后再把他的 gs 引入， 把这静爱使用，把他这个静爱使用，如用到我们的 文件，新建一个文件， 我们引入他， 在这里引入他 gs， 要注意这条，这条一般我们那是不用记住的，你直接去光芒这里找到他，找到他，然后复制过去就行了， 找到他了，然后复制放这里，这样一个引入我们就完成了。

好的，大家好，那么接下来的话呢，我们来学习一下变速空驾技术行业的第三季，来克斯快速入门，那么这个来克斯快速入门里面的东西呢？在这里面我只是轻描淡水的拿出来一些东西，那么形式的东西呢，大家去学习一下，这门课程我就不再，后面的话我就不再追书了，直接称咱们云正的官网啊， yzm etu， 直接搜一下 xbox， 在这个里面大家去找一下我的课程强哥，对吧？找一下我的课程，在这个里面我详细的给大家去讲解了一下莱克斯 box 里面的所有的知识点， 里面的所有的知识点，对吧？那么这些东西大家就直接去那个地方去学就可以了，那么在这我只是说帮大家稍微的复习回忆一下，对不对 啊？不是在这个地方认认真真学习一下，所以在这个地方我的标题起的我也不要纠结啊，就就直接就是快速入门吧，等于是有没有基础的人呢？拿这个东西呢，有基础复习一下，没有基础的就等于是快速入个门吧， 完了以后呢，哎，你大概知道弗莱克斯巴克斯是什么东西，然后你再去学那门课程也不吃，对不对？来，接下来我们来玩一下，按照剩余的小节，我们的 bs 里面的东西呢，都已经有了，对不对？ 那么 bs 里面的东西都已经有了，那么现在呢，我呢？就对吧，我现在呢在 bs 的基础之上，你比如说我现在，或者说我现在不要这个 bs 了，我们原汁原味的来感受一下这里面的东西， 然后呢，在这个地方呢，我们来一个闷，来一个闷，然后在里面的话呢，我来一些艾特什么，对吧？艾特， 然后这里面呢有三个，有三个，那么在这呢，你来在这里面什么也没有，对吧？完了以后呢，我们 style 一下，然后我们来个闷，首先我们来个 body， 对吧？ body 的话呢，把他的很多的这种八 px 的 man 拉去掉， 马根拉，还有拍定拉都去掉，让他恢复到这个原汁原味的一个角色，对吧？完了以后呢，这个闷的话呢，那我们来一个高，对吧？三百 bx， 然后背景的话呢，我们来一个五五，对吧？然后呢来一个艾特姆，这个比较简单，艾特姆的话是闷，艾特姆的话呢，是闷里面的三个 div， 是闷里面的三个 d i v， 你比如说我们来个宽一百 ps， 高一百 ps， 对吧？然后呢背景颜色我们来个黄色，对吧？嗯，应该是 i f f 零啊，这，对吧？来个深一点的颜色， 来一个深一点的颜色。好， ok， 那么接下来的话呢，咱们再来看一下啊，或者说我前面的话呢，一个九九五，这就太深了，还是 f f 吧。好，完了以后拿 这个颜色以后呢，拿到，拿到这个颜色以后呢，我们就开始玩了，玩什么呢？哦，正好啊，这个是正好，也就是一百，一百，一百，所以说加在一起是三百，那我在这个地方来个五百吧，不要让他正好， 对不对？给出一定的空间感，给出一定的空间感，那么接下来以后呢，我们就来玩一下，玩一下，比如说他那个，比如说我们如何水平对齐，如何垂直对齐，那么 flax 包括他的魅力在什么地方呢？比如说如果说我们没有 flax， 如果说我们没有 flx， 如果说我们的纯 css 来写，那么这个地方呢？是有三个 div 组成的，是有三个 div 组成的，对不对？这是有三个 div， 一个、两个、三个，三个 div 组成， 每一个 d iv 里面的呢？我们留几个数，留几个数字，比如零零幺零零二，让你明显的感觉到这是三个 d iv 刷新，你看零零幺零零二，零零三，或者是他们的背景颜色你发生一定的变化， 你把他们的背景颜色弄的弄的不同，对不对？哎，弄的不同啊，当然了，现在呢，我们先不去纠结这个东西了，这个地方有三个 div， 那么接下来的问题就是什么呀？那比如说我们这三个 div， 每一个 div 的话，我们来个 bug， 包头来个十 px 刷新，对不对？三个 div， 那么好，如果说我们形成这三个 div， 然后一起排列在这，对不对？我们垂直排列 一个零零一，零零二零零三，这个怎么做？比如说，而且还是等份的，对吧？他们每一个人外面的空间是相同的，或者他们粘在一起，在这个地方怎么玩？这如果， 如果说我们有以前的四 s， 难度就很大了，需要定位，需要大量的代码，还有如果他们横着一个、两个、三个，如果横排放三个， 然后呢？并且是等距的，比如一个、两个、三个，那么他们外面的空间都是等份的，对吧？都是均分的，这又该怎么玩？ 难度就很大了，难度就非常大，如果有一个 div 还好说，如果有一群 div， 这就不好说了，是不是？所以说这也是为什么变速里面要大量的在使用 fx 的原因，因为 使用 flax 的话呢，在很多地方呢，他真的是很方便啊，但是也不是说他只有 flax， 明白我明白我的意思了吧，因为很多地方用 flax 也不方便，所以要结合好这个 flax 以及四 s， 要结合好 flax 以及 cs。 好，接下来的话呢，我们来看一下，那么我们 把这个抹给去掉，那么在这种情况下，如果说我们用 flax 会是一个什么效果呢？那么在这个地方，我们来一个迪斯佩莱克斯，迪斯佩 ex， 哎，这个时候呢，你就会发现， flx 本身的这个 div 他还是块，但他里面的人呢，不会独占一横了，但是他里面的块呢，都不会独占一行了，看到了吧，然后呢，独占一横就是一 二三。现在呢，你看他们每一个人，每一个人，每个人，也就是说现在更像什么了？更像英伦布朗克了，也就是说他有宽和高，但是呢，他没有布朗克里面所具备的独占一横的特性了，所以说这一旦我一 flax， 那么我里面的人更像英伦布朗克，英伦布朗克，明白了吧？好，接下来 接下来的话呢，我们来玩一下，比如说这 ctri， 然后呢看腾腾，这是 tfri， 看腾腾，然后呢身体好，我们来看一下，看到了吧，是不是很方便？把他们就放到了中间，那如果说我们能艾特什么词，我能艾特什么词，那么他是，他是控制什么？他是 控制我们的垂直方形身体，他是控制我们的垂直方形身体，对吧？此时此刻我们所使用的他坐标系的话呢，这个是闷轴，这个是 cos 轴，这个是 flax 里面的闷轴，这个是 flax 里面的。 如果说你对这些最基础的 flax 的词汇都不太懂的话，请你一定要去先预习一下那门课程，一定要先学习掌握一下那门课程就是 flax box 那门课程我就不在后面，我就不再一次一次的扔下去学习那门课程了，对吧？显得有点唠叨， ok， 看到了吧？ 好， ok， 那么这样的话他是不是就到了中间了？那么如果说如果说我们的 flax pro， flax pro 完了以后呢？你比如说我们的话呢？扔他，那扔他干什么呀？比如说 那我们直接本来是肉，我们来个卡乐门是不是默认的是什么呀？默认的是肉 横水平，对呗？看了么的话呢？是裂，那么就是垂直风性对吧？啊？水平风性还是垂直风性？ 看到了吧？对吧？是我的 q 还是咱们的，对吧？哎，还是好好这针头水平方形还是我的 q 垂直方向对不对？哎， ok， 那么完了以后呢？接下来的话呢，你看他就比较方便了，是吧？那也可以这么也可以，这里面的话呢还可以有其他的一些东西啊？还可以有很多很多很多很多其他的东西，比如说他们是否等份是否均分？这里面的很多很多的东西 很多很多的东西，对吧？等着我们去玩，比如说在这个地方我们来来一个哦来一个哦，比如说这里面的话呢？我们来加一些别的东西，比如说弗莱克斯里面的一些弗莱克斯里面的一些来看一下啊，你比如说在这个地方呢？我们来一个 sps 一文雷，对吧？均分，哎，你可以看到他是不是均分了？噔噔噔噔，是不是给你均分了，对吧？那在这个地方呢？如果说我们来个肉呢？哎，你再来看一下，是不是？噔噔噔噔？是不是很方便？ 是吧？很方便的，是不是就均分了？那么里面的人如果说我们也想把它放到中间来，也就是他这个，这也是一个 div， 里面有一个文字，那么这个呢？也可以让他继续什么呀？也可以让他继续 flx， 对吧？然后呢？然后呢？我们这次再看，等一次，因为它里面只有一个，我们来个， 对吧？我们来个身体，是不是？哎？然后呢？论艾特姆斯，论艾特姆斯，然后呢？我们来个森体，这个是不是就很方便了？哎，非常方便，是不是就非常方便了？如果说你觉得这个地方还不爽，哎，那我们来， 对不对？他没有来福的那一说，然后呢？嗯的，是不是啊？ 哎，这样的话呢？就把福莱克斯的基础简单的给大家打一下，是不是？简单的给大家打一下，那如果说在这个地方呢？把他的风险变一下呢？看了吗？呢？这都是啊，然后呢？在这个时候呢，我们再来一个，我们再来一个 x， 嗯，目前我们是这个风险啊，斯大特，是吧？然后呢？嗯的，是不是也是可以的？然后呢？斯大特，是不是，哎？是不是很方便？哎？ 对，然后以及我们刚才所谓的一分类啊，或者是我们在使用一个 betunt w e n， 对不对？比特，然后呢？还有一个是什么？ red， 是不是？但他不等距啊，就是里面的会大一些，外面的会小一些， 是不是？哎，对，是不是？这是不是玩起来就很爽了？在我们排兵布阵的过程中，在我们排兵布阵的过程中，是不是就很方便了，对吧？是不是就很方便了？那么如果说我们在缩小呢？你看这个 flax fx， 我们为什么说他是弹性的四 s 的结构呢？我们来看一下，我们来看 看一下，你看他是不是就缩小了，哎，他是一个弹性的结构，看到了吧，所以说这就是传说中的 fux box， 我们叫他弹性 cs， 或者叫弹性硬式啊，或者叫弹性硬合，我们叫或者叫弹性设计，其实就是这么一个道理，那么在不对谱里面的话呢，在大量的使用， 用着什么呀？使用着 flax， 大量使用着 flax， 这一点大家一定要注意，一定要注意，你看这里面，你要是可定制，可定制的话呢，那么就是萨斯，对吧？这个你是必须要会的，如果说你里面的话呢，很多很多的地方，你比如说你的 css 里面很多很多的一些地方，他其实大量的使用着什么？使用的 flax， 在大领着使用的 fx， 后面的话呢，会读到那句话，我在这的话呢，就不纠结那个英文了，大家一定要明白，好吧，哦，这一点哈，就非常非常重要了，这一点就非常非常重要了，好， ok， 那么基本上呢，这是我们的这一集里面给大家说的一个 flax 入门啊，就是有基础的呢，就等是简单的复习一下了，对吧？复习一下也好，因为他在后面的 bs 五里面的话呢，在大量的使用者 flax， 你有一个思想准备，如果没有人，如果说你没有学过 flax， 那么你就登这一门 是个入门，是个快速入门，然后你返回头去去学一下我之前跟你说的那个 flax box， 对吧？会员免费的逃课课程，大家去详细学习一下 好不好？ ok 啊，那么这个小实力的话就简单的说到这，我把元旦吧都会给大家保存起来。好吧，保存起来，大家呢？在课程的右侧，在咱们的课程的右播放页面的右侧都会有下载，都会有资料下载，大家去下载就好了。好吧，好，本期就简单的说到这，谢谢大家。

bootstrap 五从入门到精通视频教学版结合视力和综合项目的演练，详细讲解 bootstrap 开发技术，使读者快速掌握 bootstrap 开发技能，提高使用 bootstrap 开发 web 前端的实战能力。 本书配套视力源码、 ppt 课件、微课教学、视频教学大纲以及其他超值教学资源，方便读者快速上手或进行二次开发。本书共分十三章， 内容包括 bootstrap 五的基本概念、使用 bootstrap 五的方法、 bootstrap 的基本架构、 bootstrap 的弹性布局、精通 bootstrap 页面排版等。本书内容全面，案例丰富， 适合 bootstrap 初学者以及 web 前端开发人员，是 bootstrap 开发人员手边非常方便的工具书和参考手册。本书也适合作为高等院校或高职高专相关专业 web 前端课程的教材。

好了，两位，这封面一亮呀，你就知道咱们这一集啊，要讲布德斯 drag 啊，其实几块瑞和布德斯 drap， 他们是两架马车，在咱们前端之前的世界里面自由翱翔， 看看为什么说是之前的世界呢？那确实呀，之前我们通过几块瑞可以很好的兼容我们操作盗墓呀，哎，发送俺贾克斯请求呀等等各种各样的 gs 方法，这一块很强大，一个刀乐夫走遍天下都不怕， 但是这块能帮助你的只是 zs 操作上的便利。那我们写一些前段的一些布局，一些样式来说，你说你自己用 css 盗墓去写肯定没有问题，但是效率低，那这个时候布的 stab 就出现了，所以他在这里 更加啊有意义的说法应该是一个叫做优安这样一个框架，优安列外，也就是说在这个地方啊，他能够通过复制他的盗墓引入他的 css， 我们就很快的实现各种好看的一个样式。 所以咱们之前讲完了这一块，瑞拉哈也把死外婆这样一个小的做轮播了工具库讲完了，对吧？咱们来看一下，像布置死拽婆这样一个前端开发框架，而且他的学习成本的话呢，极低 啊，因为你会发现布的暑假不只要引入他的 css， 很快实现非常优美的样式了，然后你再引入他的 gs， 也能够实现一些好用的交互效果，就比如说轮波，一个弹出框啊，一个警告 宽啊，一个折叠面板等等的一系列的功能。所以说现阶段来学习布勒斯斯加坡的话呢，依然是让列威啊弥补作为一个程序员必备的技能之一啊，这块布勒斯加马车 第二个的话呢？是啊，万一你将来在工作中说，哎，要用一些 uip， 你也可以结合布的 stripe， 甚至布的 stripe 还推出了跟我们后面的框架无优异和瑞爱的结合了一个版本啊，所以学好布的 strap 也是我们必备的一个工作之一。 好，两位，那咱们一起啊，来看一下啊。老话说的好，说历史呀，像一个任人打扮的小姑娘，既有政串也有野史啊，在这里哈，不得死出 app。 他的推出啊， 确实让咱们前段在画页面的时候变得更加方便了，但问题就来了，看到没，我们公司给我的 ui 设计杆，哎，大家都知道哈， ui 杆，你可以认为是你的 ui 团队给你张图片， 他跟布德斯的 ipo 不一样，那怎么办呢？哎，别用了呗，哈哈哈哈哈哈，大家说，其实啊，布德斯的办法啊，对于我们一些官方网页啊，对于一些 啊，正常的，比如说电商网站，那布置 suprep 是帮不上什么忙的。列为你看布鲁斯 rep， 他其实可以写好的一些样式的话都是有限的 啊，所以你可以认为啊，布德斯瑞外婆也只能满足你的部分需求啊，你做一个后台系统啊，那可能用布德斯瑞外婆搭一下啊，因为我们对后台系统的话呢， 要求样式的话还比较单一啊，就像列位，如果你现在是学生的话呢，你在你们学校的话呢？哎，申请课程，比如说我选课的时候，他有一个系统，那个系统界面你觉得好看吗？ 那个系统这边够用就行了，所以用不了，随我搭建没有问题啊，如果你在工作中的话，那你们请假对吧？请假登录了那个系统， 在你们公司网站上打卡登录的那个系统，那就是后台系统，那种后台系统，你觉得啊，我们对样式有要求没有要求，所以在这里哈波德索亚把它更适用于我们的后台系统。但是啊，这波德索亚把后来啊，他学聪明了， 他为了让后台系统也好，或者为了让一些网站能够符合他写的一些样式，他就转变了一下思路，哎，客人，给你讲点野史，转变什么思路？ 他提出了一些设计规则，什么叫设计规则呢？就是这些设计规则是给那些 ui 团队去看的，哎，那些 ui 团队他们要学习的是一些网站设计规则，才能把 ui 稿给做出来，才能符合广大人民群众的眼睛，他的是一个审美体验， 所以他就推出了一些设计规则。咱们就比如说哈，一个网页在设计的时候，这个字体多大呀？啊？还有跟用户的这种亲密性、交互性谈出对话，或者在上面还是在下面这块更让用户能够啊关注呢， 包括啊，我们的一个对齐，哎，怎么去对齐？怎么去做这个事，哎，他提出这样一些规则，那这些规则来说，跟我们的 ui 团队，哎，他们要学习这些规则，因为你知道吗？这种框架他一旦变火了之后，他其实那种规则就 就已经不知不觉中演变成了一种标准，所以因为团队呢，他们就需要去学习他这种规则，所以他设计出来的稿的话呢，就跟这个规则差不多了。而这个时候他在推荐给你提供一系列的哎酷 让你去引用，你看这样就好了，所以这个思路其实的话呢，非常有用，这是他的一个方法论，另外啊，这个方法论科目一般轻易不告诉别人，所以你会发现啊，咱们包括后期 我们讲了一些 ui 库， ui 框架的话，都得走这条路线，就是我先推出规则啊，谷歌呢， motel 啊，瑞艾特他的 ntd 啊，他们都得先退出规则，就告诉不让他去洗脑，告诉这些 ui 团队说我的这个规则的话呢，是非常主流的规则啊，已经得到了国际什么什么的一个认证， 非常符合人机工程学的设计，用户的亲密性，对其性等等的，已经非常的优美了。你用我这个规则，你这个 ui 设计出来稿儿的话呢，就一定是最符合用户体验的了，那这帮 ui 说好我学习这个规则吧， 许愿顾德设起了稿，你说能跟他不一样吗？那一样的话，那对于扔给咱们前段团队，咱们一看要 这个类似的这个样式好像我在布德斯传播中见到过，那这样的话，直接就从咱们这里面找到相应的代码粘贴复制过来，直接样式还原，说这是一条流水线的一个作业，推出规则，再推出实现规则的一些样式和 gs 功能， 这样来说这个酷才会长久不衰啊。所以这是咱们的布特斯大夫科文在这的话呢，说了一点野史啊，那科文只是想让你知道啊，布德斯大夫现 我们依然需要去学习，包括跟未来的库的一个结合，包括他在这推出了规则以及配套规则实现的对呢功能啊，对于我们后面的一些框架有着电机指导性的一个作用了。 好，另外新鲜小区，接下来咱们切入正题，在网上如果你看到了不得死之爱破的视频，他是基于三这个版本的，我认为这个不得死之爱破录制的人一定是很久之前录制的， 现在的话，咱们都是布德斯专门武了，因为布德斯专门武中的话呢，引入了很多的一些 css 三的一些新的理念啊，把弹性盒呀，网格布局啊等等都引入过来了 啊，并不再是之前那种响应式的布局。所以另外科二在这讲的话，肯定是要基于最新版的不得 swipe 五来去讲啊，所以你要学习最新版的，看这个是没有问题的。好的，接下来咱们来这里打开这个不的 sirpo 中文文档啊，它主打的理念的话呢，还是构建快速的响应式布局的这样一个网站。 另外光看到这个标题，什么叫响应式的，来，再让我给你感受一下，你看现在我这个屏幕呢，宽度还是够的情况下，他整个展示的这个风格来说，你也我也觉得还挺好看的啊， 哎，但是你想一想，如果屏幕变窄的话，他要是再两栏而不举，他要上面再这么宽的话，那这个字再被挤压到多少呢？ 响应式的话，咱们之前学 c 三的时候又不是不会没点 carry 媒体查询吗？啊，他在这里其实就把这些工作的话，已经融入到布德斯专门的体系中，屏幕再小的时候，你看就 就已经变成这样一个感觉了，是不是？哎，他会自动的想成这样，而且下面就变成一栏不拘了，你看见了吗？哎，所以在这里我们再去看的话呢，这个体验上的感觉也会非常的好的，所以他在这主打的还是响应事，对于一些公司的官网来说，哎，这个官网可能就是展示型的内容 啊，他也没有什么太多的电商的交互流程啊，这样的话用响应式布局，哎，还是挺有用的啊，所以这是咱们布特死猪 app 啊，它主打的还是响应式布局 啊，那接下来的话，咱们可以啊，来去下载一下，在这的话，当前版本是这个版本，对不对？你点击这个下载的话呢，他就会给你推荐你这个下载的这样一些包啊，你看你要下载哪个包呢？你看这个是下载布德斯传破了生产文件啊，这个是他的语言代码，我认为语言代码 列位就不需要下载了，就是他能够实现那些视力代码，所以在这里你就下载这一个啊，生产网线就可以了。你下载完之后呀，也可能会给列位吓一大跳啊，因为你会发现下载完了之后坑了就不再下载这个过程了哈，直接 一个最后往下下来。大家说里面的话应该有个 gsss 吧，对，还真有，点开之后的话，好家伙，四 ss， 我的个天爷，对吧？这么多，咱不讲王法 在这的话呢，这个 gs 也很多，那在这大家说这怎么能这么多呢？哎，你就来看一下他这些 css 文件以及 zs 文件的一些比较，你就明白了，咱们只把我们最关心的那个文件给拷配出来就行。 在这里列位可以看一下他这里面的这些 gs 文件的话呢，在这里你可以看他的一个说明啊，他提供的什么样我们 gs 的 这些啊，单独的，比如说我只想实现一个哎，这 s 中，我可能在这里的话呢，我想实现一些基础功能，你可以说基础功能，那你就需要引入这个布德斯专门 gs， 如果你想实现我们不得死拽破的一个啊，最强大的一个功能的话呢，你就是使用这个帮到点 gs， 它是属于一个大合集， css 这一块的话可能就更加的细致划分了啊，你看咱这是告诉你的说，不论主要 css 包含了我们的布局结构、内容组件，还有所有的工具都在这里面包含了， 而他有一些的话，像不如 struggle 的 cs， 只有他的网格系统啊，还有他的弹性盒的一些内容啊，包括后面这块瑞布的，只包含瑞布他的这样一个内容，所以你可以认 为布德斯瑞 iphone css 或者这个压缩版的 css 是属于布德斯专夫最全的，而对应的布德斯人 app 帮到点 gs 是我们布德斯人 app 最全的啊这样一个内容。那在这大家说为什么他要弄出这么多版本来呢？我跟你说哈，尤其在咱们一些项目中 引入一个库，你可能觉得几百 kb 也不大，但是库引多了，项目变大了之后，好家伙这一个库一个项目中好几兆， 那这样的话，我们再打开首页的时候要加载这些 gscs， 就会导致我们的首页加载非常的缓慢，所以这个时候一定要把这个酷的体积给减少。现在咱们是五 g 的网络，当然你不怕了， 你在回头之前咱们三 g 两 g 网络的时候，你知道吗？当年这块差点都活不下去了， 那么火呀，因为这一块的那个库，他当时压缩完了之后啊，七十多 kb， 通过 gz 和压缩的话也得二十多 kb， 对吧？ 什么概念？我们在二 g 网络时代，下载速度的话也就是十 kb， 名表说打开一个具有几块瑞的这样一个项目，用户就在等待两秒钟，你以为两秒钟时间短呀，非常长的，对于用户体验非常不好了。 所以当年就出现了一个小的库，叫摘葡萄，摘葡萄这个库的话，他就号称我是九 kb， 你不要想看一秒钟九 kb 在移动端开发中就非常优秀了，所以当年摘葡萄 zpt 啊，我可能又给你来了一段野史， zpto 这个小库他就是九 kb， 号称九 kb， 九 kb 在移动端的话呢，哎，不到一秒钟就能把这个 库给下载下来，所以大家在以手机上二 g 网络的情况下去使用，他就会觉得，嗯，比这块就好用多了。 而在这里摘葡萄的理念真的就这么点吗？其实他只不过是把核心包提出了九 k p， 你想用他的阿贾克斯，还得单独的赢我摘葡萄，阿贾克斯那个哭，所以在这里哈，他就耍了这样一个很聪明的一个伎俩 啊，就是我核心库保持最小体积啊，最小化，然后你需要引入的话呢，就一点点的引入周边的库，所以弱水三千，你一瓢瓢的去，哈哈哈，对不对？他就用了这样一个理念 啊，但其实都下载下来也不小了啊，但是就是这样一个理念，就让栽布套在一栋端的话占据的一席之地哎，而布勒索索家伙也一样的，对吧？布勒索索家伙也是分开了好多的这样一个库，其实现在就 最流行的说法就是按需加载，你没有那个需要，你就不需要引入这些文件，对不对？好了，咱不说了哈，咱接下来干活吧。那这样的话，哥们就把里面最核心的两个酷文件的话给他解压了之后放在这里面的，一个是帮他点 gs， 一个是 css， 我在这里都没有用压缩版本的哈，直接就可以用了。 好，那接下来的话咱们就来体验一下吧。啊，你没想到学个不得随爱吧。好家伙，听科文扯了半天啊，接下来总算可以干活了， 我还没给你扯完呢啊，那在这里下载完了之后，那哥们咱们怎么去引入呢啊， 在这里引入的话，那，那还用说吗？一个 css 文件，一个 gs 文件，可能会点不得死，转盘的人就会说坑人。不对，你落了引入这一块，为了对我们的二版本三版本就不得死，这么老版本 这块的话，必须依赖于这一块。哎呀，这一块的话好像就有点难受了吧，哎，但是我们的布德苏家伙，现在这个五版本的话呢，我们是独立的，所以说有没有这块瑞已经无所谓了啊，布德苏家伙说，我要独立，我要自由啊，我要幸福。 那这样的话，咱们在整个开发过程中的话呢，只需要引入他的啊，自己的 css， 还有他自己的这一个什么呀，我在这里把这个领克还有 gs 不需要期待于其他任何哭了，我们肋巴文件夹下的布置 stap 点 css， 而且我在这里告诉你， 在有一些功能上，你连 gs 都不需要引入，也就是说你如果想实现一个好看的一个表单的样式，注意只是一个样式而已，你连 gs 都不需要引入啊， gs 是实现前交互效果的， 比如说咱们弹出一个模太框来啊，就一个对话框弹出来了，我要实现轮播啊等等的功能，你才需要这个 gs 啊。所以在这里，其实在有些情况下，如果你只是用它的 css 处理的话，光引入 css 就可以了。 来，你看哥们的话，给你来体验一下对不对？咱们来一个初步体验。啥初步体验？咱们就复制一个最简单的，你看我把这个四 s 给引用之后的话呢， 啊，我让你来用一个玩意，这个东西的话呢，叫做一个小按钮啊，在这咱客户先在这里随意给你粘一个啊，一会我会给你介绍一下他这个目录的一个结构，就在这，你把这张代码给复制下来， 我让你来理解一下布的暑假本为什么叫做 ui 平台，对不对？来，粘过来之后咱们格式化一下好了，就这样一个页面右键，咱们预览一下列位，你会发现呦，这按钮就变得这么好看了， 对不对？丽儿，看见了吗？按钮你看还有阴影感觉看出来了吗？在这有阴影呢，看见了吗？有阴影这种感觉 啊，所以你可以认为是不是我们不得死出 ipo， 他就是把一些好看的一些样式四眼仔都写好了，而我们在用的时候，以前是我自己写克拉斯名字，现在就是咱们把人家写好了，克拉斯名字也不用背，反正我们在这找到规律，或者是直接超越网站去粘贴 btn 固定的 btn 边 prom 的就是这个蓝色的啊，还有这个四个赛色啊，就是我们的绿色的灯，这的话就是我们的红色的，你看危险就很符合理念，危险的 就得红色一个警告吗？对吧？那这样的话，我们通过这种方式就可以啊，去实现了你，所以你会发现啊，布子死之外，我最基本的使用过程中是不需要列位引入一 点点的 gs 代码，因为他只有一个样式部分了啊，这就是咱们布的 stop 最基本了哎，这一块，所以你看这个过程中咱们无非是引入了一个 css， 并且开始写按钮了。 好，接下来咱们来给大家来说一下，不得死状的话，在我们布局结构中的话呢，最基本的一个 diy 克拉斯名字请一定要背过 啊，这个东西的话你得可以背过了，就是我们在这可以看一下从布局这块开始啊，就是说我们从后幕中啊，找到这个下载完了之后，我要看道可这里了啊，我要开始进行一个啊学习了。在布局这一块的话，他有一个抗贪的 康泰，那这个库就非常重要了，康泰，那这个克拉斯名字你列我也必须记住，来，咱们在这给大家粘过来之后，我在里面啊，我给你洗脸代码，你可以认为哈， 用户的速度 app 就必须要把这个 diy 克拉斯卡特那放在你们整个页面的最外层，你可以说这是一个根的 diy 节点，保存之后一运行，大家可以看一下。哎，大家有没有发现他怎么左左边这一块的话呢？ 好像是有点宽的，来，咱们可以量一下，你看你会发现他在这边的话呢？哎呦，这个卡腾的这一块我发现了各位，他这块有点媒体查询的感觉，也就是你用上克拉斯之后 啊，这个康泰纳助我们的不知死猪 app 这个页面，他已经具备的响应式，而康泰纳这块相当于我们在这块弄了一个板芯，板芯大家知道我们在做布局的时候，中间留好，把板芯固定好，就是两边留白，这样的话，我们屏幕越大，两边留白的越多，屏幕越小，两边留白 来的越少，对不对啊？正常布局就是马跟我们的零凹凸，哎，中间这块宽度固定就可以了啊。所以在这里他这个的话呢，还能够做到响应时，就是你会发现他在这里这个宽度的话，你看我们屏幕宽度变小了之后，哎，他这个两边留白的这个感觉还不一样，是不是有一种感觉你也可以选中一下， 比如现在的话，你可以看下此时这个宽度的话呢，他现在是啊，我们此时这个宽度的话，现在是五百四十， 对不对？当我再大一点的话呢，再大一点，哎，这个宽度就变了，对不对？变成了七百二了，再大一点的话呢，你看又变了，此时我们这个的宽度我看一眼现在就变成了多少了呀？啊？九百， 就是的，对不对？所以他在一个范围之内，通过我们的媒体查询的话呢，不断的哎，去改变我们这个最大宽度的这样一个值啊。那这样的话呢， 他既能满足我们，对于之前说我写一个版型在中间两边留白，又能满足我们响应式，因为你想我如果固定就是八百乘八百，我要在一个超宽屏幕下两边留白就会很丑了，所以他在这能帮助你，就是我们越宽的屏幕他这个宽度也会随着 越来越大，那最终也能符合你列位的一个要求了，就，哎，这块的话是我们需要注意的这一个当然在这里你说哥们我要做这种基于移动端的，可能我就想占满百分之百，那这样的话就别用这个炕摊那 啊，直接用它下面的这一个叫康腾的杠弗雷的这样一个库，这样一个克拉斯名字运行之后列位可以发现这个东西。哎，我里面的话没写东西啊，我写个一一一好以保存住康腾的福利的的话就是百分之百，你看你怎么做怎么做， 他就是百分之百，咱在这打说也没百分之百呀。啊，加了个盘顶，他自己这个量是中的话呢，留了一个小的这个啊，盘顶池啊，在这里的话呢，没问题啊没问题啊，列位可以自己看一下，留了一个盘顶 在这个地方，就是如果你说我不希望随着屏幕变宽进行响应式，就用我们的 ctrl 点 flaid 作为我们最外层的这个根基点，如果想响应式就用 ctrl 点，这是两个最基本的一个克拉斯名字了，这两个克拉斯用好了之后，接下来 才可以进入他的一个山格系统的学习弹性格布局、网格布局等等的一个学习过程。好，请把这两个克拉斯给记住，咱们这一小节就到这。

就在刚刚， bossclub 正式公测，支持的系统是 l 十四点零到十七点零，支持的设备是处理器 a 八到 a 十七的设备，以及处理器 m 一和 m 二的设备。不废话，先上教程再说。结论， postclub 可以通过 torso 锯膜来进行安装，我们下载好工具之后，点击选择用其他应用，打开， 选择超速道，点击确认，这样 postcrave 就安装成功了。我们回到主屏幕就会看到 postcraft， 然后点击打开它，等待自动加载，点击这里弹出对话框，输入密码，这个密码自己设置一下，后期可能用的到，然后点 c 等待设备注销，注销之后桌面屏幕就会出现斑马， 然后我们打开保存，并且会显示这个说明安装的没有问题。然后我们打开 c 六，随便下载一个插件，会提示安装依赖，点击 get 拍摄确定下载，等待全部下载成功， 全部安装好之后，桌面会出现拍摄表示成功安装全部依赖，后续安装插件还需要拍摄转换，然后再装进 c 六，就会需要安装出三个版本的第一笔文件，就是这种带 rm 六十四 c 的第一笔文件，这个就是整个的安装过程。重点再说一下结论， 安装过程中如果出现网络问题，大家自行解决。 os trip 不是越狱，正常情况不会出现 app 被越狱检测的情况，但是部分 app 检测是否安装了 c 六则会误判。其实这是公测版本，后面开发大佬还会发布正式的版本，目前可以使用的功能 不是很多，部分功能也是无法生效，等待更新，如果重启手机会失效，则需要打开 boost trip 重新激活，如果注入后会出现 app 闪退的情况，也是无法解决的。等待更新偷渡用户 l 的十六点、六点一以及十七点零的用户建议不要使用。关注我更多的 boost trip 使用教程后续给大家一一讲解。好了，今天就分享这里，感谢大家的关注！

继续上课啊，那么之前的课程里面呢，我们是把这一个首页还有这个 pold 的这个页面，他的一个框架呢是搭了一下，然后接下来的话呢，我们就要去写这个代码，在写这个代码之前呢，我们先要去把这个素材给拿过来， 那么这个素材的话呢，我现在这一部分的素材呢，只有一部分，这个呢是首页的这一个素材，那我把这个素材呢直接呢拿过来，然后复制 拷贝过来，然后直接放到我们这个 m 区里面啊，当然我们也可以可以在这里面呢再建一个 m 区。呃，这个妹子也可以的，我现在就不见他了。 呃，我看一下啊，还是建一个吧，还是建一个，然后新建一个这个目录，然后呢把这个 m 区放到这，是吧？ 但是我们这一个 js 还有这个 cs 代码的话，这这些文件的话是在这里啊，所以我现在呢，呃，把它建建起来，放到这一块也也可以啊，也可以然后把它粘贴 粘贴过来，这个图片呢有点大啊，没有没有经过一些处理啊，他比较大啊，那么对应的这些图片一个是 logo 对吧？一个是 logo， 这个，呃，可以看这里吧， 这个是我们的 logo， 这个 logo 的话呢是有这个图标有文字的，然后呢还有就是，哎，背景，这个 是靠谱必居这批，呃，这个是背景图片，也就是我们这个顶端的又用到的这个素材啊，一部分一部分一部分来做啊。嗯，这个里面呢，也不可能一下子都讲完啊，一部分一部分来，然后这个是我们这个 logo 图标， 然后呢除了这个之外呢，这就没有图标了啊，那就是这个背景图片了，这最大，这个是个背景图片，那么这个背景图片呢？对应的我们这个啊叫 top， 必须 还，还有轮播，轮播图里面有两张图片，这两张图片啊，这两张，那么这两张图片对应的是，呃， 一个是看一下啊，这个，这个是一个，一个是万的八零零八零零点 png， 还有一个是兔八零零点 png， 好，这两个是这个轮拨图， 这两个设置这个人构图，然后其他的这个图片呢？再说我们先把头部这部分呢先做了。好，那么头部这部分做的话呢，我们也是要考虑一下怎么去做，首先呢我们要看到他是站的，没有编剧的，对吧？没有编剧的，所以没有编剧的话， 这个背景图的话都是靠着边的，所以我们这里面再去写这个代码的时候，那就要注意考虑一下啊，应该怎么去这个处理这个问题了，对吧？啊？呃，现在的话呢，我们先去 啊，图片放过来了，然后我们还有一个地方要处理，就是我们这个样式样式文件还没引，对吧？把样式文件呢引一下再用。 nice， 这里 这个是不是在山里面 把这个四 s 引进来，然后这个 gs， gs 呢？在这边都已经引完了，对吧？另外呢就是我们要自己写样式的话， 自己写样式，那我们还要建一个，他建一个，建一个样式，那我把它，我就把它放到狼的这个这里下面吧，我再建一个，建一个目录，然后 cs， 然后这个呢是我们建自己的这个样式文件啊，单独建一个，然后买买，嗯，四 s 买 css 点 cs 好，好，据说我们这个样式文件就放到这里，只要用到这里的话，那我这里面就引进来，对吧？所以这块呢是另一个， 然后是这这一下，当然这里面呢，我们只有一个，你可以可以写多个，那么我这个盆大里面是不是也得引针这两个，对吧？所以这 块呢先把它复制，然后粘贴到这边都是类似，这里面呢也可以保存一下。那么接下来我们要考虑如何去实现我们这一部分啊？这一部分 这部分是拿他做背景图的，拿他做背景图的，所以我们在我们的这个头部，在我们这个头部 我们给他一个标签，是吧？这边是不是给了一个标签吗？好，这个头部这个地方呢，我们是是给给让他做这个样式做背景，做背景要给写样式在这里写，对吧？在这里写 啊，还有呢就是，呃，这个结构的问题，那么这个是放导航的，那么导航下面，导航下面是不是 是有一个标题啊？对吧？这个标题标题下面还有一个什么呀？标题下面还有一个轮波啊，所以这一块呢，我们就要去处理了，他下面有一个标题， 标题我用 h 一来表示啊， h 一来表示，那么这里面的这个文字，那我就可以直接给题字过来，图字过来，然后放到这边啊，这个是 h 一， 另外呢就是我们的这一个再要放轮波，所以这个轮波那我又放一个 div， 那么这个轮波代码可能会比较多，那我就可以不写到这里面，那 我就可以用类似于我们这个，呃，页脚啊，还有我们这个导航啊，再单独给他一个文件，所以我这块也是考虑给 把这一个轮波呢给这个抽取出去了，那抽取出去的话，那么这个轮波我们是 indes 里面的应 boss 因，但是里面的轮波，那就是而且，而且我们这里面还要注意这有个轮波，下面也有个轮波，所以这个起这个名字的时候要注意一下啊，那么这个因但是靠谱开了， 就是首页顶部的这个轮波啊，那么我们到到时候呢，会单独的把它加载进来。好，这个呢结构先这样写着， 然后这个背景图，那么这个嗨的我要给一个这个背景图给他啊，所以这个呢 就要就要去写，我们这个样式在样式里面呢，来去来去给他啊，不要，不要写内联啊，不要写这个内联，然后写内联也不是不可以，也行啊， 但在这里面呢，这个嗨的，这个嗨的，嗯，还有一个问题啊，应该啊，这里啊，因为他用一个嗨的，然后这里面也用这个嗨的，但是他们啊，这个是 他们的这一个背景图可能不一样，对吧？这个是还是大家可以再要考虑怎么去分开，怎么处理啊？你可以用不同的标签啊，或者给他加一个前缀都可以。 现在我先不管他，我就直接先给啊。假如我们这个嗨的嗨的 标签，然后呢背背景，背景，背景呢是个图片 uio， 然后我们这个图片呢是我们这个银内纸下面的，银内纸下面 的是一个套盒必具，这一下，对吧？套盒必具。另外图片我们这里 背景是不重复的啊，不重复的啊，不重复的话，那我还需要给他加一个 biger bp 的，这是 no vp 的， 还有背景背景的一个尺寸，背景的一个尺寸我们用的是靠， 然后宽度，高度我们可以用，假如我的宽度我给到一百分之一百，没有编剧的。 然后另外呢我们这个高度高度的话呢，我不指定他，但是我有一个最小的一个高度，因为他这个图片比较大，所以我这边高度呢给了个最小是一个五百 px。 好，那么现在呢，我保存一下，我保存一下，保存一下呢，我们来看一下来，那么这就有了，对吧？大家看一下啊，那么这里面我们这个背景就有了，当然这边也一样的， 一样的，因为我这这里面呢用的是这个嗨的，大家注意一下啊，这个嗨的，这用的嗨的，这里也用的嗨的，所以他们是一样的，那么大家可以去加一个标，标签，给他分开啊，给他分开， 因为他不一样，图片背景图不一样，你就可以分开啊，现在我先不管他。好，现在呢我们可以看到了我们这个背景图了，已经看到他了。好，那就是有这个背景。 然后呢导航，导航这个地方呢？我们先，哎，这个可以先，可以先不管他吧，先做这个导航，对吧？先做这个导航。好，做这个导航，这个导航怎么做？ 那么这一块的话呢，可以参考。呃，我们之前我们之前写过的那一部分的这个代码可以直接呢去辐射过来，辐射过来就可以了啊，我这边导航， 我这边是为了方便，我不一个个去写了，我直接拿过来，我们之前写过了，就说在第应该是 第三张里，第三张里面讲过了这个导航，这个导航看一下，这个是 爸，应该是这一项，这个好，这部分我就可以直接把他这个福字过来，福字过来，那么福字的话呢？呃，福字， 先看看从哪开始？这个是 pad， 那就从这开始 一直到到这里吧，对吧？把它复制，那么把它复制呢？就放到我们这个内壁这个地方把， 看一下这个好像还那个 bug， 应该应该把这里 从这里开始，整个这个是那个标签这个地方，是吧？这一部分整个福字过来，放到我们这一个地方，把这个删掉，删掉，保留成这个样子，好，保留这个样子，保这个样子先 不动他。但，嗯，我看一下啊，要改的，那应该这个地方改一下，我们这一个图标不一样，图标好，这个图标是在我们你妹子下面的这个有一个买 logo， 这一下好，左边变一下，其他没动，好，保存一下，好，保存，保存完之后呢，我们会来看这个效果，哎，大家看一下这里有了，对吧？有了，但是呢这个地方跟我们想象的不一样，我们还要再处理啊。 那么，呃，这部分的内容我先讲到这，然后一会呢我们会把这个导航这块处理一下，因为我们这里面的这个导航，大家看一下，他是一个半透明效果的，对吧？哎， 还有一些其他的特效，所以这块呢我们要处理一下啊，所以这部分呢，我们先，我们先讲到这，然后呢一会呢再来处理这一个导航，导航的一个样式的一个问题。

好，我们来看一下我们的一个 gucci 五加上 x 二 css 加 wifi 五块九 carry 来完成的一个网页模板，当然这样的一个网页模板大家拿到手之后啊，一定要有后端的一个编程经验的同学才能够进行一个使用。 如果说你没有后端语言的一个支持，他只是一个空的架子，并并没有实际的一个实质性的内容，所以说不能成为一个动态的网页。嗯，建议大家一定要有编程语言的基础才能够去使用这套模板， 这套模板啊分别包括这几块，一个是我们的主页啊，服务项目，嗯，然后定价这里还有其他的相应的一个页面，对配钥匙对吧？好，这个页面的话呢，可以自己去打开看一下相应的一些信息，当然我们要修改的也就是这些内容啊，就是说比如说我要 在这块来去做一些文字的一个修改，嗯，或者获取报价等等信息，在这里面去进行相应的一个提交，当然这块的提交都是要有后台数据的一个字 支持，如果说没有后台的一个服务支持，你是没办法把它做成一个动态的网站。当然拿到这样的一个元代码之后，我们可以在这块去查看相应的元代码，这里有 相应的 gs 文件， css 文件都在这块可以正常的看到，我们可以将这里面的一些导航，比如说你学过不都算不对吧？这就知道我们这边是一个导航的 按钮，就相当于我们在上面啊这一块的一个信息，你直接把它拷贝在你的网页代码中，然后就可以正常的进行使用，修该修改的地方你直接去把文字进行相应的一个替换，不需要的地方 你直接给他注视掉就可以，这样我们开发起来就相对来说，呃，在页面编写的过程中就非常的一个快，而不需要自己手工的一点一点的去写，然后再去调试 我们的代码。我们之所以使用这样的一套模板，最主要的就是让我们的网页快速的进行一个开发，在很短的时间内把这样的一个网站搭建起来。如果大家需要获取到这套原码，可以在我们扫描使用的 手机客户端，也就是淘宝手机客户端去扫描屏幕右下方的二维码获取。