吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Glyphicons):glyphicon glyphicon-pencil
2024-10-08 16:07:08
<!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>Pencil Glyph</h2>
<p>Pencil icon: <span class="glyphicon glyphicon-pencil"></span></p>
<p>Pencil icon as a link:
<a href="#">
<span class="glyphicon glyphicon-pencil"></span>
</a>
</p>
<p>Pencil icon on a button:
<button type="button" class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-pencil"></span> Pencil
</button>
</p>
<p>Pencil icon on a styled link button:
<a href="#" class="btn btn-info btn-lg">
<span class="glyphicon glyphicon-pencil"></span> Pencil
</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>
最新文章
- c/c++字符串定义及使用的对比
- Android 的 Handler 总结
- mongodb学习05 操作详解(3)
- 报错:Unable to load configuration. - action - file:/E:/apache-tomcat-8.0.37/webapps/20161102-struts2-3/WEB-INF/classes/struts.xml:11:73
- 【转】【调试技巧】Linux环境下段错误的产生原因及调试方法小结
- Android实现图片放大缩小
- iOS转场动画封装
- SpringMVC随笔记录
- 查看jar包的jdk版本
- Java学习笔记(3)
- 并发、并行与多线程——C++
- 我写的.net相关的文章
- GO语言-基础语法:条件判断
- Vue:Promise概要
- Go指南练习_Stringer
- JavaScript 拥有动态类型
- 用flvplayer.swf在网页中播放视频(网页中flash视频播放的实现)
- Final阶段贡献分配规则及实施
- python知识积累
- OpenGL中的帧缓存
热门文章
- MySql向SQLServer迁移常见问题
- C. Swap Letters 01字符串最少交换几次相等
- Node.js npm基础安装配置&;创建第一个VUE项目
- js获取video的播放时长
- SpringMVC架构&;组件&;执行流程
- 吴裕雄--天生自然HADOOP操作实验学习笔记:单节点伪分布式安装
- CNN反向传播算法过程
- Android View转换成图片保存
- MySQL更新时间
- Python Download Image (python + requests + BeautifulSoup)