Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 引导响应中的流体输入追加大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在努力使用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%.

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – 引导响应中的流体输入追加全部内容,希望文章能够帮你解决twitter-bootstrap – 引导响应中的流体输入追加所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。