<!doctype html>
<html>
<meta charset="utf-8" />
<head>
<title>益司CMS-PC與手機建站集成</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
<!--<link href="__PUBLIC__/bootstrap/css/bootstrap-theme.css" rel="stylesheet" />-->
<!--[if It IE 9]>
<script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body">
<div class="container">
<!--
-->
<div class="btn-toolbar">
<div class="btn-group">
<button class="btn btn-primary">向左</button>
<button class="btn btn-primary">居中</button>
<button class="btn btn-primary">向右</button>
</div>
<div class="btn-group">
<button class="btn btn-primary">向左</button>
<button class="btn btn-primary">居中</button>
<button class="btn btn-primary">向右</button>
</div>
</div>
<h1 class="page-header">不同樣式的按鈕</h1>
<p>
<button class="btn btn-default">btn-default</button>
<button class="btn btn-primary">btn-primary</button>
<button class="btn btn-success">btn-success</button>
<button class="btn btn-info">btn-info</button>
<button class="btn btn-warning">btn-warning</button>
<button class="btn btn-danger">btn-danger</button>
<button class="btn btn-link">btn-link</button>
</p>
<h1 class="page-header">不同尺寸的按鈕</h1>
<p>
<button class="btn btn-primary btn-lg">btn-lg</button>
<button class="btn btn-primary btn-sm">btn-sm</button>
<button class="btn btn-primary btn-xs">btn-xs</button>
</p>
<h1 class="page-header">塊級按鈕</h1>
<p>
<button class="btn btn-primary btn-lg btn-block">btn-block</button>
</p>
<h1 class="page-header">活動狀態</h1>
<p>
<button class="btn btn-primary active">activity</button>
</p>
<h1 class="page-header">禁用狀態</h1>
<p>
<button class="btn btn-primary disabled">disabled</button>
</p>
<pre class="pre">
跨瀏覽器表現
作爲最佳實踐，我們強烈建議儘可能使用<button>元素以確保跨瀏覽器的一致性樣式。
出去其它原因，這個Firefox的bug讓我們無法爲基於<input>標籤的按鈕設置line-height，這導致在Firefox上，他們與其它按鈕的高度不一致。
</pre>
</div>
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
</body>
</html>bootstrap_09按鈕_表單
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
由淺入深在實踐中玩轉Zabbix，解決剩下20%的監控需求！
本文整理自Zabbix中級認證專家李銘栓（滿分學員）在Zabbix Meetup廣州站的演講。 掌握這幾種監控方式解決80%的監控問題，剩下的20%如何實現？這裏有答案！ 幾點經驗分享： 1