Bootstrap历练实例：超小的按钮

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bootstrap历练实例：超小的按钮</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<h2>Bootstrap超小的按钮</h2>
<p>.btn-xs类制作超小按钮</p>
<button class="btn btn-xs btn-success">超小的成功按钮</button>
<button class="btn btn-xs btn-info">超小的信息按钮</button>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>

时间： 2024-08-23 09:51:19

Bootstrap历练实例：超小的按钮的相关文章

Bootstrap历练实例：小的按钮

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bootstrap历练实例:小的按钮</title> <meta charset="utf-8" /> <meta name="viewpo

Bootstrap历练实例：块级按钮

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bootstrap历练实例:块级按钮</title> <meta charset="utf-8" /> <meta name="viewpo

Bootstrap历练实例：禁用的按钮

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bootstrap历练实例:禁用的按钮</title> <meta charset="utf-8" /> <meta name="viewp

Bootstrap历练实例：大的按钮

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bootstrap历练实例:大的按钮</title> <meta charset="utf-8" /> <meta name="viewpo

Bootstrap历练实例：链接样式按钮

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bootstrap历练实例:链接样式按钮</title> <meta charset="utf-8" /> <meta name="view

Bootstrap历练实例：按钮组大小

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Bootstrap历练实例:按钮组大小</title> <meta charset="utf-8" /> <meta name="viewpor

Bootstrap历练实例：基本按钮群组

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Bootstrap历练实例:基本按钮群</title> <meta charset="utf-8" /> <meta name="viewpor

Bootstrap历练实例：基本按钮组

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Bootstrap历练实例:基本按钮组</title> <meta charset="utf-8" /> <meta name="viewpor

Bootstrap历练实例：点击激活的按钮

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bootstrap历练实例:点击激活的按钮</title> <meta charset="utf-8" /> <meta name="vie