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/

10-08 22:24
查看更多