輸入元素溢出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網格系統單元格？

回答

相關問題