Bootstrap 教程第三课：制作有图标的按钮

Bootstrap所使用的是字体图标Glyphicons，这个字体包含200个图标。使用字体图标时需要注意几点：
1、每个图标字体都是有一个基类和相对应的图标类组成，如：

    <span class="glyphicon glyphicon-search"></span>

2、字体图标不能与其他元素共同存在，只能单独使用，使用时应创建span标签，并将基类和对应的图标类应用在span上。（如上代码）
3、应用字体图标的span不能有任何文本内容，也不能有子元素。
4、如果需要使用文字，应该在图标和文字之间添加一个空格。

现在我们正式开始实例，来制作一个文字图标的按钮。自然，先要按照要求写好HTML5文档格式，引入所需要的核心文件。

1、创建一个button按钮，给这个按钮添加.btn类，这个图标叫做“确定”，代码如下：

<button class="btn">确定</button>

2、现在我们想给这个按钮添加一个对号图标，对号字体图标对应的是. glyphicon .glyphicon-ok，现在将这两个类写到SPAN上，添加到代码中：

<button class="btn">
        <span class="glyphicon glyphicon-ok"></span> 确定
    </button>

效果如下：



3、还可以给这个按钮添加上默认的样式.btn-default，或者是.btn-primary，效果如下：



上图实例中，确定使用了.btn-primary类，取消使用了.btn-default类样式，同时应用的字体图标是glyphicon-remove.