我一直在努力使用input-append元素输入一个流畅的布局中的正确宽度.我使用的是Bootstrap v2.0.4.当我调整大小以使页面更小时,它会打破换行符.理想情况下,我会输入井的全部宽度(如警报).我已经在下面添加了标记和一些截图.任何帮助非常感谢!
<div class="row-fluid"> <div class="span3 well"> <form class="form-horiztonal"> <h2>Filters</h2> <fieldset> <div class="control-group"> <label class="control-label" for="msisdn">MSISDNs</label> <div class="controls"> <div class="input-append"> <input class="span10" id="msisdn" size="" type="text" name="msisdn"><button class="btn btn-primary" type="submit"><i class="icon-plus icon-white"></i></button> </div> </div> </div> </fieldset> </form> </div> <div class="span9"></div> </div>
解决方法
由于您的输入是.span10,所以按钮应该是.span2.
<div class="input-append"> <input class="span10" id="msisdn" size="" type="text" name="msisdn"><button class="btn btn-primary span2" type="submit"><i class="icon-plus icon-white"></i></button> </div>
但按钮的行为根本改变.你可以用这个CSS修复它:
.input-append .btn { float: none!important; margin-left: 0!important; }
并且要更精确,按钮应该与.span2加上fluidGridGutterWidth一样大.根据默认值,其宽度为:17.02127659%.
原文地址:https://www.jb51.cc/bootstrap/234089.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。