吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Glyphicons):glyphicon glyphicon-envelope
2024-10-09 21:29:55
<!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>Envelope Glyph</h2>
<p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p>
<p>Envelope icon as a link:
<a href="#">
<span class="glyphicon glyphicon-envelope"></span>
</a>
</p>
<p>Envelope icon on a button:
<button type="button" class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-envelope"></span> Envelope
</button>
</p>
<p>Envelope icon on a styled link button:
<a href="#" class="btn btn-info btn-lg">
<span class="glyphicon glyphicon-envelope"></span> Envelope
</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>
最新文章
- Failed to stop iptables.service: Unit iptables.service not loaded.
- PHP 使用 password_hash() 给密码加密
- AOP PostSharp
- 初学者SQL语句介绍
- 2015年百度之星初赛(1) --- D KPI
- 【HDU 5115】Dire Wolf
- 基础C++ functional
- iOS的layoutSubviews和drawRect方法何时调用
- Android 控件 -------- AutoCompleteTextView 动态匹配内容,例如 百度搜索提示下拉列表功能
- JNI与JNA性能比较
- Android 开发笔记 “Android 的消息队列模型”
- KestrelServer
- &ldquo;.Net 社区大会&rdquo;(dotnetConf) 2017 Day 1 Keynote: .NET Everywhere
- WPF使用RoutedCommand自己定义命令
- Spring的事务 之 9.1 数据库事务概述 ——跟我学spring3
- 【原】无脑操作:eclipse创建maven工程时,如何修改默认JDK版本?
- DjangoAdmin自定义过滤器
- java登录怎么做
- Linux移植之移植步骤
- Elasticsearch 学习之提升性能小贴士
热门文章
- Nacos client 客户端cpu占用100% 问题排查和解决方案
- Linux centosVMware LAMP php-fpm的pool、php-fpm慢执行日志、open_basedir、php-fpm进程管理
- OBST(最优二叉搜索树)
- VMware 设置共享文件夹
- list.Except()
- 分析配置DispatcherServlet类时load-on-startup标签作用
- Python 数组
- Java Hashtable遍历与方法使用
- redis学习笔记-04:redis五大数据结构类型
- 模板语法(DOM与Vue数据绑定)