Bootstrap CSS编码规范之代码组织规范

代码组织

应该按照以下规范组织代码：

• 以组件为单位组织代码段。
• 制定一致的注释规范。
• 使用一致的空白符将代码分隔成块，这样利于扫描较大的文档。
• 如果使用了多个 CSS 文件，将其按照组件而非页面的形式分拆，因为页面会被重组，而组件只会被移动。

1. /*
2.  * Component section heading
3. */
5. .element { ... }
7. /*
8.  * Component section heading
9.  *
10.  * Sometimes you need to include optional context for the entire component. Do that up here if it's important enough.
11. */
13. .element { ... }
15. /* Contextual sub-component or modifer */
16. .element-heading { ... }

    关于作者

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