bootstrap带图标的按钮与图标做连接

时间:2021-07-13 17:12:07

  bootstrap通过引入bootstrap的JS与css文件,给元素添加class属性即可。

  使用图标只需要加入一个span,class属性设置为对应的图标属性即可。图标对应的class属性可以参考菜鸟教程:

http://www.runoob.com/bootstrap/bootstrap-glyphicons.html

带图标的按钮:

aaarticlea/png;base64,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" alt="" />

图标做连接:

aaarticlea/png;base64,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" alt="" />

效果:

aaarticlea/png;base64,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" alt="" />

代码:

<!DOCTYPE html>
<html lang="zh-CN"> <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>主要界面</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/product.css" rel="stylesheet">
<!-- 引入jQuery核心js文件 -->
<script src="js/jquery-2.1.0.js"></script>
<!-- 引入BootStrap核心js文件 -->
<script src="js/bootstrap.min.js"></script>
</head> <body>
<div id="container">
<!--放头-->
<div id="top" style="border: 1px solid green;"> <h3>&nbsp;&nbsp;&nbsp;固定资产登记</h3>
<div class="pull-right">
<span>欢迎</span>
<i class="glyphicon glyphicon-user"></i>
<lable class="username">管理员</lable>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#">退出系统</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<!--清除浮动-->
<div class="clearfix">
</div>
</div> <div id="bottom">
<br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<p type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-plus"></span>添加记录</p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<p type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-search"></span>查询所有</p>
<br />
<br />
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>名称</th>
<th>规格及型号</th>
<th>使用部门</th>
<th>来源</th>
<th>购建日期</th>
<th>使用人</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<th>名称</th>
<th>名称</th>
<th>名称</th>
<th>名称</th>
<th>名称</th>
<th>名称</th>
<th>
<a href="#">
<span class="glyphicon glyphicon-pencil"></span>
</a>
<a href="#">
<span class="glyphicon glyphicon-trash"></span>
</a>
<a href="#">
<span class="glyphicon glyphicon-search"></span>
</a>
</th>
</tr>
<tr>
<th>名称</th>
<th>名称</th>
<th>名称</th>
<th>名称</th>
<th>城市</th>
<th>邮编</th>
<th>
<a href="#">
<span class="glyphicon glyphicon-pencil"></span>
</a>
<a href="#">
<span class="glyphicon glyphicon-trash"></span>
</a>
<a href="#">
<span class="glyphicon glyphicon-search"></span>
</a>
</th>
</tr>
<tr>
<th>名称</th>
<th>名称</th>
<th>名称</th>
<th>名称</th>
<th>城市</th>
<th>邮编</th>
<th>
<a href="#">
<span class="glyphicon glyphicon-pencil"></span>
</a>
<a href="#">
<span class="glyphicon glyphicon-trash"></span>
</a>
<a href="#">
<span class="glyphicon glyphicon-search"></span>
</a>
</th>
</tr>
</tbody>
</table> </div> </div>
</body> </html>

product.css

            html,body{
width: 100%;
}
body{
background-color: #FFFFFF;
}
#container {
margin: 0px auto;
text-align: left;
width: 90%;
height: 600px;
border: 1px solid green;
}