Bootstrap3 表单-静态控件-纯文本和 label 置于同一行

来源：互联网发布：网络用语开车的意思编辑：程序博客网时间：2024/05/12 21:48

如果需要在表单中将一行纯文本和 label 元素放置于同一行，为 <p> 元素添加 .form-control-static 类即可。

<form class="form-horizontal" role="form">  <div class="form-group">    <label class="col-sm-2 control-label">Email</label>    <div class="col-sm-10">      <p class="form-control-static">email@example.com</p>    </div>  </div>  <div class="form-group">    <label for="inputPassword" class="col-sm-2 control-label">Password</label>    <div class="col-sm-10">      <input type="password" class="form-control" id="inputPassword" placeholder="Password">    </div>  </div></form>

<form class="form-inline" role="form">  <div class="form-group">    <label class="sr-only">Email</label>    <p class="form-control-static">email@example.com</p>  </div>  <div class="form-group">    <label for="inputPassword2" class="sr-only">Password</label>    <input type="password" class="form-control" id="inputPassword2" placeholder="Password">  </div>  <button type="submit" class="btn btn-default">Confirm identity</button></form>

—–下面有个“顶”字，你懂得O(∩_∩)O哈哈~
—–乐于分享，共同进步！
—–更多文章请看：http://blog.csdn.net/duruiqi_fx

1 0