简单教程
提交运行
代码编辑器：
<!DOCTYPE htm> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet"> <style>body {margin:10px}</style> <div class="container"> <div class="row"> <div class="span5"> <p> <a class="btn btn-default" href="#" role="button">链接</a> <button class="btn btn-default" type="submit">按钮</button> <input class="btn btn-default" type="button" value="输入"> <input class="btn btn-default" type="submit" value="提交"> </p> <p> <a class="btn btn-primary" href="#" role="button">链接</a> <button class="btn btn-primary" type="submit">按钮</button> <input class="btn btn-primary" type="button" value="输入"> <input class="btn btn-primary" type="submit" value="提交"> </p> <p> <a class="btn btn-success" href="#" role="button">链接</a> <button class="btn btn-success" type="submit">按钮</button> <input class="btn btn-success" type="button" value="输入"> <input class="btn btn-success" type="submit" value="提交"> </p> <p> <a class="btn btn-info" href="#" role="button">链接</a> <button class="btn btn-info" type="submit">按钮</button> <input class="btn btn-info" type="button" value="输入"> <input class="btn btn-info" type="submit" value="提交"> </p> <p> <a class="btn btn-warning" href="#" role="button">链接</a> <button class="btn btn-warning" type="submit">按钮</button> <input class="btn btn-warning" type="button" value="输入"> <input class="btn btn-warning" type="submit" value="提交"> </p> <p> <a class="btn btn-danger" href="#" role="button">链接</a> <button class="btn btn-danger" type="submit">按钮</button> <input class="btn btn-danger" type="button" value="输入"> <input class="btn btn-danger" type="submit" value="提交"> </p> </div> </div> </div>
运行结果：