Bootstrap CSS 编码规范之媒体查询的位置

媒体查询的位置

遵守就近原则，将媒体查询放在相关规则的附近，不要将他们打包放在一个单一样式文件中，或者放在文档底部。如果你把他们分开了，将来只会被大家遗忘。下面给出一个典型的实例：

1. .element { ... }
2. .element-avatar { ... }
3. .element-selected { ... }
5. @media (min-width: 480px) {
6.   .element { ...}
7.   .element-avatar { ... }
8.   .element-selected { ... }
9. }

   关于作者

   歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。