<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.css"> <style> .github-style .btn{ font-weight:700;} .icon-fork{ background:url(img/fork.png) no-repeat; background-size:cover; width:12px; height:12px;} </style> </head> <body style="height:2000px;"> <div class="container"> <br> <input type="button" value="按钮1" class="btn btn-primary"> <input type="button" value="按钮2" class="btn btn-primary"> <input type="button" value="按钮3" class="btn btn-primary"> <br><br> <div class="btn-group"> <input type="button" value="按钮1" class="btn btn-primary"> <input type="button" value="按钮2" class="btn btn-primary"> <input type="button" value="按钮3" class="btn btn-primary"> </div> <br><br> <div class="btn-group btn-group-justified"> <a href="#" class="btn btn-primary">按钮1</a> <a href="#" class="btn btn-primary">按钮2</a> <a href="#" class="btn btn-primary">按钮3</a> </div> <br><br> <div class="btn-group btn-group-justified"> <div class="btn-group"> <input type="button" value="按钮1" class="btn btn-primary"> </div> <div class="btn-group"> <input type="button" value="按钮2" class="btn btn-primary"> </div> <div class="btn-group"> <input type="button" value="按钮3" class="btn btn-primary"> </div> </div> <br><br> <div class="btn-group btn-group-justified"> <div class="btn-group"> <button class="btn btn-primary">按钮1</button> </div> <div class="btn-group"> <button class="btn btn-primary">按钮2</button> </div> <div class="btn-group"> <button class="btn btn-primary">按钮3</button> </div> </div> <br><br> <div class="btn-group-vertical"> <a href="#" class="btn btn-primary">按钮1</a> <a href="#" class="btn btn-primary">按钮2</a> <a href="#" class="btn btn-primary">按钮3</a> </div> <div class="btn-group-vertical btn-group-lg"> <a href="#" class="btn btn-primary">按钮1</a> <a href="#" class="btn btn-primary">按钮2</a> <a href="#" class="btn btn-primary">按钮3</a> </div> <div class="btn-group-vertical btn-group-sm"> <a href="#" class="btn btn-primary">按钮1</a> <a href="#" class="btn btn-primary">按钮2</a> <a href="#" class="btn btn-primary">按钮3</a> </div> <div class="btn-group-vertical btn-group-xs"> <a href="#" class="btn btn-primary">按钮1</a> <a href="#" class="btn btn-primary">按钮2</a> <a href="#" class="btn btn-primary">按钮3</a> </div> <br><br> <a href="#" class="btn btn-primary">按钮 <span class="caret"></span></a> <button class="btn btn-primary">按钮 <span class="caret"></span></button> <input type="button" value="按钮" class="btn btn-primary"><span class="caret"></span> <div class="btn-group"> <a href="#" class="btn btn-primary">按钮</a> <a href="#" class="btn btn-primary"><span class="caret"></span></a> </div> <div class="btn-group"> <button class="btn btn-primary">按钮</button> <button class="btn btn-primary"><span class="caret"></span></button> </div> <div class="btn-group dropup"> <button class="btn btn-primary">按钮</button> <button class="btn btn-primary"><span class="caret"></span></button> </div> <br><br> <div class="github-style"> <div class="btn-group btn-group-sm"> <button class="btn btn-default active"><span class="glyphicon glyphicon-eye-open"></span> Watch <span class="caret"></span></button> <button class="btn btn-default">3,064</button> </div> <div class="btn-group btn-group-sm"> <button class="btn btn-default active"><span class="glyphicon glyphicon-star"></span> Unstar</button> <button class="btn btn-default">36,296</button> </div> <div class="btn-group btn-group-sm"> <button class="btn btn-default active"><span class="glyphicon icon-fork"></span> fork</button> <button class="btn btn-default">9,258</button> </div> </div> </div> </body> <script src="js/jquery-1.11.1.js"></script> <script src="js/bootstrap.js"></script> </html>