bootstrap源码问题?

Question

@media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap;   } .dl-horizontal dd { margin-left: 180px;   } }1.@media (min-width: 768px) {这是什么鬼怎么从来都没见过?----------------------------------------------------2.float:left和clear:left同时出现是什么意思啊?

Answer 1

大概翻了一下源码，是1454行左右

据我观察浮动只是为了让dt脱离标准文档流，然后dd就挤上去了

然后我把clear:both干掉又试了一下，效果没有任何变化，不过呢如果有两个连在一起dt效果就出来了，两个dt会挤在同一排，大概就是为了防止这个吧

毕竟浮动和清除浮动并不冲突，浮动作用在当前元素，而清除浮动是让当前元素前面不允许浮动，并不是清除自己的浮动

Answer 2

media是媒体查询，自适应使用的。根据屏幕尺寸使用相应的样式。clear：left;是清除左侧浮动。