BootStrap--CSS组件--字体图标(glyphicon)

最新推荐文章于 2024-08-08 07:17:07 发布

原创最新推荐文章于 2024-08-08 07:17:07 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#BootStrap #CSS组件 #字体图标

BootStrap 专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍了BootStrap中的CSS组件——字体图标，包括如何使用.glyphicon类和特定的glyphicon-/*前缀样式来实现各种图标展示。

使用的时候同时使用两个样式，即.glyphicon和.glyphicon-/* 开头的样式

//字体图标.html
<div class="btn-toolbar">
    <div class="btn-group">
        <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-align-left"></span></a>
        <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-align-center"></span></a>
        <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-align-right"></span></a>
    </div>
</div>