元素的类名中包含（方）括号的原因是什么？

我对这个说法感到非常惊讶class="[ col-xs-12 col-sm-offset-1 col-sm-5 ]"在 bootstrap 3 模板中，我不确定两者之间有什么区别

class="[ col-xs-12 col-sm-offset-1 col-sm-5 ]"   

and

class="col-xs-12 col-sm-offset-1 col-sm-5"

您能否详细介绍一下这个括号的含义以及使用它们的一些情况？

这无非是在视觉上分离类，目的是对它们进行分组。

你们的例子都做了同样的事情。

括号在类属性中是允许的，并且只要括号和类本身之间有空格，在技术上就是有效的。

有关此技术的更多信息可以在CSS精灵，对于后人来说，这里是解释他如何使用它的摘录：

怎么运行的

关于如何以及何时开始分组没有硬性规定 你的课程，但我为自己设定的指导方针是：

必须有不止一组“类”。一个‘集合’必须包含 不止一堂课。这基本上只是圈住任何团体 需要它，例如：

<!-- Only one set. Nothing needs grouping. -->
<div class="foo  foo--bar">

<!-- Two sets, but only one class in each. Nothing needs grouping. -->
<div class="foo  bar">

<!-- Two sets, one of which contains more than one class. This set needs grouping. -->
<div class="[ foo  foo--bar ]  baz">

<!-- Two sets, both of which contain more than one class. These sets needs grouping. -->
<div class="[ foo  foo--bar ]  [ baz  baz--foo ]">

你如何对它们进行分组 完全可以由你选择，这里的概念只是涉及事实 我们正在对事物进行分组。