引導2.0.2 - 輸入追加空格

我已經升級了我的引導版本2.0.2，並在此更新我的投入追加的設計/插件結構被打破了。引導2.0.2 - 輸入追加空格

小提琴：http://jsfiddle.net/AACwG/

更新日誌2.0.2說：

刪除了所有黑客的IE7和。輸入，前插和。輸入，追加，但是，這需要你確保彩車.add-on和輸入之間的代碼中沒有空白。在。輸入，前插和。輸入，追加，時添加鏈中選擇使用兩個兩側附加能力。

我用於輸入附加自舉的例子。這是來自github的代碼。任何想法爲什麼它不工作？

根據引導開發的問題之一是在2.0.2-WIP解決，但我不明白的解決方案。

來源

2012-03-22 Jens

它被打破，因爲輸入組僅一種形式的上下文中工作。你可以看到，當你在看的CSS爲.controls類，如：

.form-horizontal .controls { 
    margin-left: 160px; 
}

您可以假冒該約束通過添加類而不是.form-horizontal類或乾脆包括其適當的容器內的對照組，像這樣：

<form class="form-horizontal"> 
    <div class="control-group"> 
     <label for="appendedInput" class="control-label">Appended text</label> 
     <div class="controls"> 
      <div class="input-append"> 
       <input type="text" size="16" id="appendedInput" class="span2"><span class="add-on">.00</span> 
      </div> 
      <span class="help-inline">Here's more help text</span> 
     </div> 
    </div> 
</form>

固定小提琴：http://jsfiddle.net/AACwG/2/

來源

2012-03-22 13:37:29

我有同樣的問題。礦井是由我的輸入和span元素之間的空間引起的。刪除你的例子中的空間解決它。謝謝！ – agradl 2012-04-12 14:41:24

@ shiznit123謝謝你！你的評論拯救了我的生命！ – 2012-06-27 03:59:16

同一個！所有我的輸入附加或預先不會消除差距。我在html中有一個換行符，一旦刪除，問題就解決了。（使得代碼難以閱讀） – gregthegeek 2013-10-16 18:19:31

對我來說，修復是消除輸入增加保證金的權利，這從另一個樣式表在干擾我使用框架（web2py的）。

<form class="form-horizontal"> 
     <div class="control-group"> 
      <label for="appendedInput" class="control-label">Appended text</label> 
      <div class="controls"> 
       <div class="input-append"> 
        <input type="text" size="16" id="appendedInput" class="span2" style="margin-right: 0px"><span class="add-on">.00</span> 
       </div> 
       <span class="help-inline">Here's more help text</span> 
      </div> 
     </div> 
    </form>

來源

2012-11-19 16:14:52 Fred

引導2.0.2 - 輸入追加空格

回答

相關問題