输入元素溢出bootstrap网格系统单元格？

Here is an example on jsbin 输入元素溢出bootstrap网格系统单元格？

我试图用引导网格系统，我发现，投入要素oveflow网格单元。有什么我应该做的，以防止这种情况？下面是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%}修复的问题，但它似乎代表自举的一个奇怪的监督。奇怪的是，我很可能做错了什么。

来源

2013-08-19 George Mauer

我想你问是否有可能限制可以输入到输入字段的字符数量。如果不是，那么我很抱歉。这是你会怎么做：

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

这只是空间出来稍微和田野留内指定的网格。希望这是你正在寻找的。

来源

2013-08-19 02:35:03 MitulP91

不，这不是我所要求的 - 什么我问的是，为什么我输入要素溢出引导电网系统？这是设计吗？设置maxlength将1）限制我的输入长度（我不想），2）当屏幕宽度足够小时仍然会导致输入溢出。 –

如果你想让你的输入适合网格，你也可以给你的输入提供span类。

<input data-bind="" class="span12">

来源

2013-08-19 02:49:41 nyzm

输入元素溢出bootstrap网格系统单元格？

回答

相关问题