<form role="form"> <div class="form-group"> <label for="name">名称</label> <input type="text" class="form-control" id="name" placeholder="请输入名称"> </div> <div class="form-group"> <label for="inputfile">文件输入</label> <input type="file" id="inputfile"> <p class="...
向父<form> 元素添加 class .form-horizontal。 把标签和控件放在一个带有 class .form-group 的<div> 中。 向标签添加 class .control-label。实例 <form class="form-horizontal" role="form"> <div class="form-group"> <label for="firstname" class="col-sm-2 control-label">名字</label> <div...
Bootstrap CSS class form-group with source code and live preview. You can copy our examples and paste them into your project!
<div class="col-sm-10"> <select id="disabledSelect" class="form-control"> <option>禁止选择</option> <option>禁止选择</option> </select> </div> </div> </fieldset><fieldset> <legend>字段名</legend> <div class="form-group"> ...
class="form-group"> <label for="disabledSelect" class="col-sm-2 control-label">表名</label> <div class="col-sm-10"> <select id="disabledSelect" class="form-control"> <option>禁止选择</option> <option>禁止选择</option> </select> </div> </div> </fieldset> <fieldset> <legend>...
这种表单不用给form(本文先用DIV代替)添加任何class通过.from-control设置width为100%所以一个控件占满了一行 三、内联表单 代码如下: 代码语言:javascript 复制 <divclass="form-inline"><divclass="form-group"><labelclass="sr-only">名称</label><input style="width:200px"class="form-control"type="text...
<div class="col-sm-10"> <select id="disabledSelect" class="form-control"> <option>禁⽌选择</option> <option>禁⽌选择</option> </select> </div> </div> </fieldset> <fieldset> <legend>字段名</legend> <div class="form-group"> <label for="disabledSelect" class="col-sm-2 ...
<form class="form-horizontal" role="form"> <fieldset> <legend>配置数据源</legend> <div class="form-group"> <label class="col-sm-2 control-label" for="ds_host">主机名</label> <div class="col-sm-4"> <input class="form-control" id="ds_host" type="text" placeholder="192.168.1....
<formaction=""class="was-validated"><divclass="form-group"><labelfor="uname">Username:</label><inputtype="text"class="form-control"id="uname"placeholder="Enter username"name="uname"required><divclass="valid-feedback">验证成功!</div><divclass="invalid-feedback">请输入用户名!</div></di...
Bootstrap 将设置全局的 CSS 样式。HTML 的基本元素均可以通过 class 设置样式并得到增强效果。还有先进的栅格系统。概览 深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快、更强壮的最佳实践。 HTML5 文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档...