bootstrap系列之八小图标

最新推荐文章于 2023-01-11 21:20:16 发布

叶菩提

最新推荐文章于 2023-01-11 21:20:16 发布

阅读量786

点赞数

分类专栏： JAVAEE 文章标签： bootstrap

本文链接：https://blog.csdn.net/yeputi1015/article/details/76727264

版权

JAVAEE 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

效果图

	<body>
		<div class="container">
			<span class="glyphicon glyphicon-plus"></span>
			<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-heart"></span></a>
		    <button type="button" class="btn btn-danger">
		    	<span class="glyphicon glyphicon-home"></span> 注册
		    </button>
		    <hr />
		    
		    <div class="btn-toolbar">
		    	<div class="btn-group">
		    		<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-education"></span></a>
		    		<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-ice-lolly-tasted"></span></a>
		    		<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-text-size"></span></a>
		    		<a href="#" class="btn btn-default"><span class="glyphicon glyphicon-education"></span></a>
		    	</div>
		    </div>
		    <hr/>
		    <button type="button" class="btn btn-default btn-sx">
  <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star
</button>
<hr />
<div class="col-sm-3 col-sm-offset-2">
	<div class="input-group">
		<span class="input-group-addon">
			<span class="glyphicon glyphicon-education"></span>
		</span>
		<input type="text" class="form-control" />
	</div>
	
</div>
		</div>
	</body>