Here is an example on jsbin
我正在尝试使用引导网格系统,并且发现输入元素遍历了网格单元。我应该做些什么来防止这种情况吗?这是html:
<div class="container">
<div class="row-fluid">
<div class="span8"></div>
<div class="span2">per Invoice</div>
<div class="span2">per LB</div>
</div>
<div class="row-fluid">
<div class="span8">
<select>
</select>
</div>
<div class="span2">
<input>
</div>
<div class="span2">
<input>
</div>
</div>
</div>
我知道设置
input,select,textarea { max-length: 100%}
可以解决此问题,但似乎对bootstrap来说是一个奇怪的疏忽。奇怪的是,很可能我做错了什么。 最佳答案
我想您是在问是否有可能限制可以在输入字段中输入的字符数。如果没有,那么我深表歉意。您将按照以下方式进行操作:
<input data-bind="" maxlength="10">
这会将可输入该字段的最大字符数设置为10,或您要在其中输入的任何整数。
编辑:
或者,如果问题是输入字段在视觉上过长,则可以执行以下操作:
<div class="container">
<div class="row-fluid">
<div class="span7"></div>
<div class="span2">per Invoice</div>
<div class="span2 offset1">per LB</div>
</div>
<div class="row-fluid">
<div class="span7">
<select>
<option>Suggested Freight - <span></span></option>
<option>Enter Freight</option>
</select>
</div>
<div class="span2">
<input data-bind="" maxlength="10">
</div>
<div class="span2 offset1">
<input data-bind="" maxlength="10">
</div>
</div>
</div>
这只是将其略微隔开,并且字段保留在指定的网格内。希望这就是您想要的。
关于css - 输入元素溢出自举网格系统单元?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18305567/