Bootstrap 3表单
Bootstrap 3表单
提问于 2013-09-01 00:46:08
如何为Bootstrap 3创建小窗体？
示例1：
<div class="well">
<div class="form-group row">
<div class="col-lg-2">
<label for="city" class="control-label">City</label>
<input type="text" class="form-control" id="city"/>
</div>
</div>
<label for="price" class="control-label">Price</label>
<div class="form-group row" id="price">
<div class="col-lg-1">
<input type="text" class="form-control" />
</div>
<div class="col-lg-1">
<input type="text" class="form-control"/>
</div>
</div>
</div>这是工作。但是如果我添加了<div class="col-lg-3">，就会错误地显示表单。
示例2：
<div class="col-lg-3">
<div class="well">
<div class="form-group row">
<div class="col-lg-2">
<label for="city" class="control-label">City</label>
<input type="text" class="form-control" id="city"/>
</div>
</div>
<label for="price" class="control-label">Price</label>
<div class="form-group row" id="price">
<div class="col-lg-1">
<input type="text" class="form-control" />
</div>
<div class="col-lg-1">
<input type="text" class="form-control"/>
</div>
</div>
</div>
</div>我做错了什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-09-01 01:53:38
浏览以下代码：
<div class="col-lg-3">
<div class="well">
<div class="form-group row">
<label for="city" class="col-lg-2 control-label">City</label>
<div class="col-lg-10">
<input type="text" class="form-control" id="city" />
</div>
</div>
<div class="form-group row" id="price">
<label for="price" class="col-lg-2 control-label">Price</label>
<div class="col-lg-5">
<input type="text" class="form-control" />
</div>
<div class="col-lg-5">
<input type="text" class="form-control"/>
</div>
</div>
</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18550433
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号