编辑器中工具栏的应用

1、在Word编辑器以及很多其他的编辑器中，我们可以看到顶部工具栏有很多功能相似的按钮盲褓梆尺组，将这些按钮组组合在一充全煲镆起我们称之为工具栏。比如我们常见的“居中、居左、居右”，还有“复制、粘贴、剪切”等。Bootstrap也提供了这样一套机制来实现这种效果。在这些工具栏中我们往往看到的是小图标，比文字更加简洁明了。我们先看看如何在按钮组中使用图标，代码如下：

2、其实使用图标的方式也很简单，和按钮中使用图标的方式一样。图中的代码使用了居左、居中、居右、两端对齐四种小图标，运行效果如图所示

3、在Bootstrap中工具栏使用非常简单，只需将多个按钮组（class="btn-group"）包含进另外一个外层容器（class="btn-toolbar"）即可，代码如下：

4、页面运行效果如图所示

5、这里有个比较特殊的，当<div class="btn-toolbar"></div>在平面较蟛杆戛攉小或者按钮组较多的情况下，按钮组会堆叠在一起，如图所示，而不是像上图所看到的显示在同一行。