gpt4 book ai didi

twitter-bootstrap - Bootstrap响应式中的流体输入附加

转载 作者:行者123 更新时间:2023-12-03 22:17:24 27 4
gpt4 key购买 nike

我一直在努力获取带有 input-append 元素的输入,以便在流畅的布局中具有正确的宽度。我正在使用 v2.0.4 的 Bootstrap。当我调整大小以使页面更小时,它会换行。理想情况下,我将输入井的全宽(如警报)。我在下面包含了标记和一些屏幕截图。非常感谢任何帮助!

<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>

enter image description here

enter image description here

最佳答案

由于您的input.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 .这是 width: 17.02127659%根据默认值。

关于twitter-bootstrap - Bootstrap响应式中的流体输入附加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11188964/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com