78.尚硅谷_bootstrap_bootstrap行&列.wmv原创

啊，我们讲了两个容器，是不是容器的源码应该都能看懂啊，里面可能设计的语法很简单吧，混合加基层嘛。是不是啊，OK，那我们来看。好，然后把这个东西关一关。好，那我们来看，我们说这是我们三个系统源码的入口吧，是吧，我们说第一个第二个我们已经分析完了，没问题是吧，再来看是不是看行了，OK，我们来看一下行是怎么做的啊，这个列是最最复杂的，看这行。OK，横的定义是不是点啊class嘛，是不是它里面是不是掉了个混合，叫make，来看一下这个混合在哪边。里面有没有没中，这是不是我行的定义啊，是不是OK把行的定义往上连。好，这其实就是我行的定义，OK，看我行的定义里面有什么比较特殊的地方。OK，我们说他穿那个草牌八是一个。

负值，负的超款的一半。是不是记住刚刚我们在讲容器的时候，容器两边有开定正的超换了一半行，两边有负马电。负的凡一般是不是把这两件事情记住了，最后我回来讲，然后他也干嘛。继成了这个什么么，相当于首先你这个fix以及你这个make克调的时候，我们是谁的调，首先一个点。Mar接着掉。点肉这个这个是这个是谁的掉，肯定告这个是谁调。谁点？Container还有什么逗号点，什么container，什么ID，这些是不是会选写成选择题的组合，最终他把肯你面那个样式干嘛贴过来。

那不讲，这也是我们最终所看到的一个结果，什么样的结果大家看，比如说我来写这个流体容器打开了，打开的时候F12大家看清除浮动脉块的样式是不是特别多。收你你看只要跟清除浮动有关的，我们来这个ID，大家看是不是这么多。嘛嘛，你看肯定为不嘛，里面肯定有什么ID是吧，有肯会有。肯定好，你看热是不是说明这些选择器里面是不是都继承了肯定。能理解吗？所以说所以说才会这么长吗。相当于把公共样式盖。抽得出来吗？这是基，这是基层的优势吧，所以一般我们清楚浮动是不是可以写成继承的模式啊，其他有业务逻辑是不是写成混合的模式啊，这也是不知道开发者他干嘛推荐我们去写这种方式嘛，用我们的编码规则最好，是的嘛，见鉴一下人家。

能理解吗？好，那我们继续往下看。好，周，我们说好的，定义也极其简单，是不是？OK，周，你流体容器关掉，打开我的课件。啊，这个课件我们一点点去写啊，OK，第三步我们是不是分析了行的行，我们说行最终。会被，会被变成什么样子？看一下嘛，就是它。是吧，再加一个浮动嘛，是吧，OK，那其实就就超级简单了，跟不负的。30嘛，那负的15P是不是啊，这里好，这边呢，我们也是负的15P是不是，那我们说行是不是也搞定了，我们说我们学的四个啊，流体容器，固定容器行是不是就差列了，列是最复杂的往下列。

好看下列好电的定义在哪？这不是恒大，下面是不是就列了是吧，你看怎么调用的，首先是不是调这个混合叫什么make a great什么吧，是不是来看一下在哪去哪找。首先去这个里面找，里面找吧，可找找有没有。查找有没有没有说明下面这些东西都是废的。啊，其实不知道本里面没有用到啊，他干嘛重新定义份在哪回答fewwork里面啊，我看到了CL是不是它能不理解，OK，这个是用来定义列的，OK整个文件都是用来定义列的，来看它是怎么做的。好，这是我们练的，OK这边好好听了，来看是不是我在我这个什么入口里面去掉了这混合OK掉的什么，他这个题可关掉啊，OK来看一下怎么调用的。

整理。看能不能看懂。首先我问你上来应该先调谁，是不是去调这个混合，执行这里面代码呗，是不是这里面是不是都是又定义的混合，一个混合，两个混合，三个混合吧，这才是调用法。几个参数。一个参数调谁。他是不是OK进来第那个。一个变量码再进来呢。又去掉了一个同名混合，我问你自己掉自己吧，叫什么？对，循环的一种形式，这种形式我们称之为地柜。我们在讲的时候有没有讲过循环？

有没有没有less里面没有提供循环的语法，Less里面写循环都是定位，这就是less的循环。我看一下大师们怎么写的，他就传那个一进来给那个艾特码，这边怎么去调。咋调一加一嘛，是不是点C什么二嘛是吧，OK是不是艾特艾特吗？看艾特艾特是个什么鬼。这能不能看到？这叫什么？避免编译吗？懂不懂相当于拿过来拿，拿过来就是什么。CTRLC就是一个字符串是不是啊，可是我问你这些字符串里面有没有变量，看这个变量怎么写的艾逗号吧，是不是我问你，我说过我们说less里面变量属于。会计作，你看这个变量是不是在我这个会里面定义的行单嘛，相当于在我这个会里面定义吗？问你最终去渲染时候，这个X应该应该是多少。

这是段。那么讲你传进来倒是传家主义。所以最终边的时候它也是一样，能理解吗？好走，你再往下找，现在是不是去对它进行调用了，OK，找谁。还是找他吗？你有几个参数了？两个参数了，找谁？找他们俩吗？他们俩是不是嘛，两个参数了，这就是less里面的一判断问。叫什么index小于，诶，这是什么鬼啊。这个是不是没有看到啊，CTRL变量里面干嘛找一找LCTRLFCTRLB找你。OK，三个的列数默认是12，这就是三个列数的定义，能不理解啊？好，这你拿回来看看，好，我们说这个值是不是就是12，好，那就好玩了，好，我来问一下。

现在我应该是不是这是我第二步了调谁。要哪一个混合？我二小于等于12是不是掉这个混合掉这弧里面，你看它干嘛传进来这个XX是不是2X是不是我这个字符算，因为我的艾应该小于十吗？是吧，那我是不进来艾特艾特吗？又来一个艾是吧？你看艾特艾特是不现在为这个鬼了是不是OK我们再来看又调用了。是个什么意思啊，点C吧，什么三后，后面是什么？你看是把他们俩拼起来啊，是不是怎么拼的，前面我爱子是谁啊？不就是你前面传传进来这玩意吗，CTRLC吗。是不是X2项是谁啊，这个玩意嘛，是不是也把它什么传过来嘛，CTRLC他们逗号相什么相连吗？是吧，是是不是传是不传成这样的，是我就问你这个时候这个X应该应该相几的。

这个XX相减，这个问你前面这这一段。是不是这个艾特list这个传过来的，我问你最终去渲染，最终去解析的时候，这个艾应该是谁。一还是二，一我们说了这那里面的变量都是会计作用于的，而且会延迟加载，也就是说这个里面的一会不会消失，不会懂不懂这个值是多少，一这个值多少。这个也是134码，前四个不都都是一码，这个是拼过来的，拼过来这个刚么特吗？这个这个。这个你看这个多少20吧，最终渲染的时候，其实这边应该是。

一这个应该是一，这个应该是一，这应该是一，这个应该是。对。二这应该是ARM。二这应该是，二这个应该是。啊，能不能体会到。能不听到，能不能不跟你讲。可以理解吗？给个反应给我，能不理解？你看我这边在传的时候，你这个这个是谁啊。一嘛，是不是我们说你要记住里面的量都是快计作用的，跟我们是不一样的，对不懂，因为你当时传到我这个快里面，你在我定义的时候，我传的就是一，那他最终找的时肯定找到一，然后你是不是把这个东西作为一个变量艾特什么艾特嘛，传过来了吗？传给谁了？

At，什么是不是就是它里面自己又定义了个什么？艾艾嘛，这个变量的定义是不是在这个快递中里面的，当时你传进传进的是谁啊二嘛，那这个是谁啊二嘛，正在调的时候，你看这这个是多少二加一等于多少三嘛，后面不是拼了个串吗？这个串一开始爱的意思从哪来的？这个行参嘛，行参是谁啊？不就这个艾特，艾特吗？不就是他吗？那你上来不就一吗？后面这个字不就是二吗？能不理解，OK，那再来传还得掉吧，是不是还是掉它。循环的掉下去吧，调到哪告诉我调调到哪问你当我这个一代为12的时候，要要不要进来，要进来吧。是不是调13的时候，看它应该长成什么样子，点C是不是啊，走你我们说inex为13吧，后面是不是跟了一个参数啊，Str，这个S应该长成什么样子，这个S应该长成什样子。

应该长成什么样子，反正我知道前面肯定是13是不是这个应该是这是第一批啊CTRLL。C，这是第一批吧，OK，这一直到哪，这是第二批，CTRLC，这里应该一直到12，是不是这里最终变成CTRLC12。能不能解问你这个是不是，是不是又要去调用了，OK 13是小于等于它的吗？不是跳出。

这个是不是13，是不是大于大于12的，要不要进来，要进来看进来的时候干些什么事情，我问你，你现在传的这个历史的是谁。这个例子是谁，是不是，他是不是传进来，你看他把这个变量去当当做什么用了。选择器，我们说如果把一个变量当成选择器的话，是不是应该就是这种地方。那么甲相当于这个最终会变成一个什么啊，其实它最后应该是会逗号，先看，那你因为你这个逗号是零吗？当中拼的时候才才会有吗？是不是最终它就会变成什么，变成什么选择题。你能不能理解我的意思啊，它是不是就变成一个选择项。OK，而且他最终要，他最终是不是有钥匙。钥匙在哪？钥匙在哪是在这边。

这能没理解这道题，这是不是我整个混合吊管抽它的一个样子？OK，你看别人写的混合跟我们写的混合是一个等级的吗？是吗？不知道给我们甩了几条街吗？是不是来看一下最终变成这样子，能不能理解？是不是要变成样子，也就是说我跑完这个混合之后，就应该出来一个这样的东西。他们所有加工量。是不是OK，这个是相对定位啊，一项数这个是有多少超宽的一半这个是不多超宽的。OK，记住这种形式是一个是一个什么样的形式。OK，我递归，地归有没有出口？递归没有出口就是死循环，递归出口在哪边？判断条件就是他的出口。

如果没有判断条件，那就是一个循环啊，问你这是不是地位？这不是地关，这是不是地关？这也不是地归，地归在哪，地归在这边，自己调用自己材料地位，你看我们说这是最终一个什么，最终他的一个调用的一个结果，是不是我把它写到上面去。这个能看懂吗？OK。OK。好保存一下，好，这个是他进来的一个调用。结果。写在上面，好，我们来看周里。我问你这是这个是不是定位。这是不是地管？这不是地柜啊，行成个数不一样。你没有自己调用自己，你当中你调的是别人，这个才是地位。

这个感觉怪怪的。哎，怎么没了？他才是递归嘛，是吧，这个就给我住起来了。OK，没有组起来吗？是不是大家看这个在什么定位啊，这个格式帮你们整理整理好。格式往里面调整好，OK，大家看这才叫递归，为什么你这里几个参数啊，两个参数，它几个参数啊，自己调用自己递归在这边。

这个是地归吗？不是，这个是地归吗？也不是。正能不能讲好，只有这个才叫地柜啊，OK，只有这边才有地轨，好地柜的出口在哪？地柜的出口在这边？啊，如果你低柜没有出口，就一直死循环执行下去，造成造成什么内存溢出，整个浏览基本溃掉。能理解吗？我跟你说合理的使用递归，而且less里面写循环，只有这一种形式，递归形式。理解吧，好，那这是大师级的一个什么代码风格吧？OK，要看懂它，好，我不需要你们写出来，我需要你们。看懂啊，OK，好，再往下走来看，那现在是不来，是不是就干了这一件事情，是不是这是我们谁谁的作用，第一行就是什么。是吧，OK，他干嘛？他给我们去地吗？

这样的一个玩意吧，那么讲这是我们哪个混合起的作用。叫我吗？是不是OK列的第一个混合帮我们干的事情就是什么？就是给我们做一些这样的事情。能不解这个掉完要不要继续掉，肯定啊，是不是你下面还有很合没掉完呢，是不是，你看我们列里面还有什么没掉完是不是，他问他来看一下下面掉的很多是不是都是一样的。1234是不是一样的，只是说传的参数不一样，是不是OK，我这边我们说XX代表什么。移动设备是不是好，我说一句话，不是它的里面移动优先。能理解我的意思吗？为什么说不是，他是移动优先的。你上来默认先处理的就是移动。等等，我问你，如果我现在的状态是L级的，他们三个有没有被执行过，有最终被覆盖掉等等，如果你的状态就是XS的，他们去执行XS，他们三会不会执行？不会啊，这就是知里面很重要的一个概念，什么移动有线。

这里，那我们是不是看一下这个混合在干嘛，是不就行了，这里CTRLC，我们要看下这个合在干嘛，首先我们看这个XXOK，看一下这个口怪在干嘛。这你去哪找，是不是来这边找CTRLC找一下。OK，我们来找这个格，是不是咱们已经把它给整理完了，OK，好，合起来是吧，来看CTRLF找谁呀，是不是找它这里。有没有没有在别的地方吗？是不是make克刚查是不是没有。

是吧，来看在哪。啊，是不是在这个里面啊，是不是，反正就这两个文件嘛，CRLF。CTRLV查找也没有吧，来看应该是在这个文件里面的是吧，只不过我们是不是加了参数啊，我不加参数，找找有没有，有这个参数是不是叫X class OK，是不是来调这个问号，这是不是第二把好把它拎上来，这是不是第二把CTRLV是不是，这是不是第一步啊，第一步干的事情是不是给他们加什么。今天要上是不是看第二步干嘛？掉干嘛？OK，这里把它把它合起来，我们来看一下好，首先上来调谁。我们下面三个我们先不看，我们先看这两个，是不是这个混合面又掉了很多混合，CTRLS，我们说这个混合里面干嘛，你这个混合里面干嘛又掉了那么多的混合，那是不是这些混合我们又得看过去了。

是不是OK，走你。好，来看一下第一个部分干嘛走，你是不是看这个什么弗塔，OK，来看一下他在干什么事情，你是不是就是不是就在下面啊，你来看。这是我们说上来，我们这些好是列的第一步吧，第一步下来看，这是裂的。来看这是练第二部里面什么这什么2.1吧，是不是第二部里面的第一步吧，来看一下他在干嘛。好，就是他吧，是不是，那下面我们担先都不看，是不是看他在干点什么事情，是不是，你跟上面是不是一模一样的，现在你能不能直接把这个答案写出来。

是个什么鬼啊？能不能直接写出来？最终会给你变成什么样子，会变成什样子，你上来是不是点这个是不是，我们最终干嘛会变成选择器了，选择器是不是走了，这个递归了上来，这不是第一次嘛，是不是，那是不是这样的，可说是要把这个东西干嘛变一变嘛，是不是这里面这个class是怎样。传传进来的X嘛，这个刚这个是呢一嘛，这时候干嘛，我编译什么第一次的时候吧，你看之后是不是都是一个什么递归循环啊，最终你会看到一什么东西。多少？是不是这是不是二，这是不是三，这是不是四，最终我们说干嘛走一圈的12。

是吧，然后呢，它们会变成一个选择题，选择C样式都在这边，CTRLC是不是第二步就是干这件事情，你看它的命名叫什么。角能不能理解啊？OK，那这是不是第二目标的事情？能理解吗？OK 2.1就干了这件事，CTRLC所好是不是他OK，他干什么事情？啊，他就是给你讲了一个这样的鬼玩意。是吧，啊，前面这些东西全部干掉了。OK，反正就是么，给你加了三点，三点这个东西是不是，那是不是还得看这个外又下去掉了嘛，这是不是2.2，来看一下2.2干嘛。好，那2.1是不是可以合起来了是吧？OK，然后看二点叫谁循环规律杠。

找有没有不知道不知道不知道。不是他是不是对不是吧，在哪是他。是不是OK，走你这应该是第几步？2.2第二步里面的第二步啊。能不能理解啊，OK，走你该不不就是它吗？是不是它几个参数啊，三个参数应ex是谁。是谁？是谁？关系是不是问你12是不是大于零，要不要进来，要进来是不是进来干什么事情。是不是去掉？OK，这是谁问你有没有看到地归？自己调自己是不是第轨是不是这个空合是不是他是不是，可是我们说你看他是不是问tap应该等于那是应该找到第一个是不是掉的，其实是它下面跟下下面跟我们现在有关系吗？没有是吧，是怎这是不是2.2，是不是2.2，你们看是不是来调用它。

是不是，你看这里面干些什么事情。这里面干什么事情，我你是不是对他进行一次调用啊，是每次进来都对他进行进一次调用码是吧，调了多少次啊。多少？你看我上来问你这个应该是多少，12吗？12是不是大于大于等于零的，每次这不减啊，12 11 12最终减到哪。零零是不是大于等于零呢？是不是是不是，是不是要不要调用，要调用法调用进来，可是我问你会不会自行。这边我们说最终你传传过来这个index肯定是会听到。是不是可是三数嘛，有一个条件，你的time必须为X的嘛，应该不是大于零，零会被叫做吗？不会，其他最终是什么？从12到到多少到一。

能理解我的意思吗？是不是从12到一啊，能不能听懂，每次在调用的时候，是不是干嘛不就去生成一个什么。Class吗？是不是就是那个讲是那个什么。选择性嘛，他长什么样。不就是每次上来，第一次上来是什么。第上来，第一次上来，这是个什么鬼？这是什么？X嘛，第一个位道12嘛，是不是他干什么事情啊。为什么？这是一个百分比函数。那你们提供的岁多。

这是不是第一次的，应该等于100%吧，因为你看嘛，前面有一个函数嘛，懂不懂，这是不是第一次的，第二次呢。是不是把它再来一份多少11小方是不是直到哪边。直到零还是一。是不是就停了下来，这是不是这一步干的事情。是不是2.2干的事情，2.2的第一步干的事情嘛。啊，这应该就这吗。2.2是不是啊，那么暂时先分析到2.2 2.32.42.5，我们要不再来分析对不对，那到2.2这一步，最终是不是生成这样一个关，则CTRLC轴你看一下。

OK，我们说是不是它它给你生成一个什么这样的一个玩意儿。是不是啊，你看他做了什么事情啊，首先我们分析到二点这一块他干嘛。行根容器我们就不说了，列这块上来，首先给他们先规模样子，其次每一列这个让它浮动起来，这个给他没关系。是吧，Y的极值的时候定义好了能不理解啊，那我们来看一下，好，我问你，我们说有XX是不是就SL，我点这些里面的生理，大家看这些里面这些生理是不是都是一样的。那讲你说我这边有版本的，其实最终会有什么。最终会有S版有。能不能理讲，根据你不一样的条件，你进来吗？懂吗？OK，那我们说这里面其实跟的就是一个类型，懂吗？OK，来看一下我们这个审核教你。

打开来。ABS。来找到我的三哥。好问。上面你先不要看是吧，你看这边。这个是。这个是什么鬼？能不能看到，为什么这么多？定义的吗？每次去关进来的么？是不第一步是码S码M码吗？是不是这样一个道理啊，OK，你看最终干嘛，是不是给他加了公共。能懂吗？再往下看。还有什么？还有没有空仓浮动你看。全部浮动起来外，是有没有分配，全部分配起来。这是不是我2.2完了之后你们能看到结果。是不是等的，那不讲，那我再来写。

好，CTRLC，我再来写个三个系。Can。零五叫三个组合什么意思？大家看现在我这个class里面是不是只有一个来看5C-D杠六。Co-MD杠六，我问你，所以说应该怎么选好，如果问你现在我现在我处一个什么样的动画。的状态是吧，问你你在L的状态底下来看一下源码里面，L的状态底下上面有没有全部串过。只不过全部被覆盖掉。是不是OK来看一下，那其实我这边你看运用的是不是就他们俩。

跟12跟问你如果一旦我屏幕缩小到达的时候。应该是多少？六六一半一半，为什么这个时候我问你用的是谁，量少MD量什么，这个时候我的状态是不是MDMD的时候问你有没有去选染L几。没有，所以说其实你在这边写的LG的这个样相当就是废了，没有任何的样式可以匹配上，这叫三个组合。能不能理解差不多是一个什么样的原理，能不能理解，OK，就是运用了什么。递归懂吗？这里面经常会被问到let递归怎么曲线，你要说你看过三格的源码，告诉他怎么去设计的好，怎么去跟人家说，这就是题型啊。这个就是题型是吧？啊，第一步干嘛，第二步干嘛，第三步干嘛，第四步干嘛，第四步里面的第一步干嘛，第二步干嘛，第二步里面的第一步干嘛，第二步干嘛。

OK，你能不能整理下来是不是，那我们讲到现在是不是只讲到外啊，你看后面还有列偏移啊，这叫列排序，这叫列偏移，是不是还有三个，这话到下午再来进行啊，其实你应该能看懂了自己。对吗？好。