静态控件
在表单中，当你需要在一个label元素的后面放置纯文本时，请在<p>元素上添加.form-control-static类。如：
<formclass="form-horizontal"><divclass="form-group"><labelclass="col-sm-2 control-label">Email</label><divclass="col-sm-10"><pclass="form-control-static">email@</p></div></div><divclass="form-group"><labelfor="inputPassword"class="col-sm-2 control-label">Password</label><divclass="col-sm-10"><inputtype="password"class="form-control"id="inputPassword"></div></div></form>
效果如图 2‑58所示：
图2-58 堆叠静态控件
静态控件同样适用于行内表单。如：
<formclass="form-inline"><divclass="form-group"><labelclass="sr-only">Email</label><pclass="form-control-static">email@</p></div><divclass="form-group"><labelfor="inputPassword2"class="sr-only">Password</label><inputtype="password"class="form-control"id="inputPassword2"></div><buttontype="submit"class="btn btn-default">Confirm identity</button></form>
效果如图 2‑59所示：
图2-59 行内静态控件
关于作者
歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。
