吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Glyphicons):glyphicon glyphicon-ok
2024-09-07 01:56:58
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
</head> <body>
<div class="container">
<h2>Ok Glyph</h2>
<p>Ok icon: <span class="glyphicon glyphicon-ok"></span></p>
<p>Ok icon as a link:
<a href="#">
<span class="glyphicon glyphicon-ok"></span>
</a>
</p>
<p>Ok icon on a button:
<button type="button" class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-ok"></span> Ok
</button>
</p>
<p>Ok icon on a styled link button:
<a href="#" class="btn btn-info btn-lg">
<span class="glyphicon glyphicon-ok"></span> Ok
</a>
</p>
</div> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body> </html>
最新文章
- table边框单线的实现方法
- my_shell
- MySQL也有潜规则 – Select 语句不加 Order By 如何排序?
- 自己开发基于c#的垂直滚动条控件
- 深入了解Ant构建工具 命令
- ios 开发 收起键盘的小技巧
- 5.java.lang.IndexOutOfBoundsException(数组下标越界异常)
- 66、django之模型层(model)--多表相关操作(图书管理小练习)
- vector的内存分配问题
- ES6---箭头函数()=>;{} 与function的区别(转载)
- blender基础操作
- SpringDataJPA与Mybatis的优异性
- Unity3D 4.x编辑器操作技巧
- Impala系列:Impala查询优化
- ERP合同管理流程查询(三十一)
- 关于SQL SERVER中的FLOAT转换为VARCHAR
- [剑指Offer]11-旋转数组的最小数字(二分查找)
- cocos2d-x 清空缓存
- Celery学习--- Celery 最佳实践之与django结合实现异步任务
- mongodb 如何删除 字段值为 json对象中的某个字段值