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;是清除左侧浮动。