您的位置：首页 > Web前端 > BootStrap

Bootstrap 小图标

2016-03-15 21:29 344 查看

在内联元素上应用对应的样式即可（glyphicon glyphicon-*），例如：

<div class="btn-toolbar">
<div class="btn-group">
<a class="btn btn-default" href="#"><span class="glyphicon glyphicon-align-left"></span> </a>
<a class="btn btn-default" href="#"><span class="glyphicon glyphicon-align-center"></span> </a>
<a class="btn btn-default" href="#"><span class="glyphicon glyphicon-align-right"></span> </a>
<a class="btn btn-default" href="#"><span class="glyphicon glyphicon-align-justify"></span> </a>
</div>
</div>

效果：

又例如：

<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#"><span class="glyphicon glyphicon-home">Home</span></a></li>
<li><a href="#"><span class="glyphicon glyphicon-book"></span>LIbrary</a></li>
<li><a href="#"><span class="glyphicon glyphicon-pencil"></span>Applications</a></li>
<li><a href="#"><span class="glyphicon glyphicon-"></span>Mics</a></li>
</ul

效果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航