<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表单排版</title> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="../bootstrap/js/html5.js"></script> <![endif]--> </head> <body> <div class="container"> <h1 class="page-header">表单排版</h1> <form class="form-horizontal"> <fieldset> <legend>用户登录</legend> <div class="control-group"> <label class="control-label" for="username">用户名</label> <div class="controls"> <input id="username" type="text"> <p class="help-block">请输入您登录时使用的用户名</p> </div> </div> <div class="control-group"> <label class="control-label" for="password">密码</label> <div class="controls"> <input id="password" type="password" > <p class="help-block">请输入设置的密码</p> </div> </div> </fieldset> <div class="form-actions"> <button type="submit" class="btn btn-primary">登录</button> </div> </form> <script src="../bootstrap/js/jquery-1.7.2.min.js"></script> <script src="../bootstrap/js/bootstrap.js"></script> </body> </html>
Bootstrap表单排版
form-layout-finish.html
猜你喜欢
转载自beckham-xiao.iteye.com/blog/2397644
今日推荐
周排行