吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Glyphicons):glyphicon glyphicon-bookmark
2024-10-08 17:05: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>Book Glyph</h2>
<p>Book icon: <span class="glyphicon glyphicon-book"></span></p>
<p>Book icon as a link:
<a href="#">
<span class="glyphicon glyphicon-book"></span>
</a>
</p>
<p>Book icon on a button:
<button type="button" class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-book"></span> Book
</button>
</p>
<p>Book icon on a styled link button:
<a href="#" class="btn btn-info btn-lg">
<span class="glyphicon glyphicon-book"></span> Book
</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>
最新文章
- 纯CSS3实现动态导航栏目
- Linux Shell 数组
- 高版本->;低版本迁移,低版本客户端连接高版本数据库EXP导出报错EXP-00008,ORA-01455,EXP-00000
- 剑指offer?
- discuz插件开发新手入门 超详细
- asp.net自带的异步刷新控件使用
- phantomjs初入门
- Webpack学习笔记(一)
- 分区工具fdisk,gdisk,parted
- Spring Cloud入门教程-Hystrix断路器实现容错和降级
- Swift 编程杂谈
- eclipse中opencv配置
- Java中的hashCode() 和 equals()的若干问题解答
- [UE4]编辑器偏好设置,在同一个窗口以标签打开蓝图
- [转]让程序不触发 Vista/Win7下应用程序兼容性助手弹出 .
- Linux内核设计基础(一)之中断处理
- 特殊字符搜索网站 http://symbolhound.com/
- 初入React(一)
- 图解Eclipse或者SpringSource Tool Suite 创建模块化Maven项目
- php去除换行符的方法小结(PHP_EOL变量的使用)
热门文章
- vue配置config ‘./.../.../***/**.vue’路径别名
- 一、Servlet之14道面试题
- 百度统计数据导出demo的坑
- Python Download Image (python + requests + BeautifulSoup)
- hdfs的bug纪录, Unexpected block state
- 小程序父子组件onLoad和Created之间的问题
- 每个项目中,你必须知道的11个Java第三方类库。
- 做一个php登陆页面,用pc登陆和用手机登陆弹出来的登陆页面不一样。
- array_multisort 对关联数组进行排序的问题 PHP
- what to do in next ten years