如何使表單元素與另一個元素共享引導列

我的代碼中的多個位置我需要將此元素（globe glyph）直接定位到文本框的右側，幾乎可以觸摸它。您可以通過執行以下操作來執行此操作：如何使表單元素與另一個元素共享引導列

<div class="col-md-3"> 
     <input class="form-control" id="CustomTaskTitle" name="CustomTaskTitle" type="text" /> 
    </div> 
<div class="col-md-1"> 
     <span class="glyphicon glyphicon-globe pull-left"></span> 
</div>

但是這樣您就浪費了整個列。任何解決方案

**你將不得不擴大jFiddle輸出窗口到最大尺寸，以獲取該行佈局

我的繼承人JFiddle - http://jsfiddle.net/5Rhzh/

你會自動的通知字形變爲文本框的下面，因爲有列中沒有空間。

來源

2014-02-25 Brandon McAlees

Bootstrap已經有這個。它是一個稱爲輸入組的組件。正確的方式做這將是

<div class="col-md-3"> 
    <div class="input-group"> 
     <input class="form-control" id="CustomTaskTitle" name="CustomTaskTitle" type="text" > 
     <span class="glyphicon glyphicon-globe pull-left"></span> 
    </div> 
</div>

有你有另外3列

來源

2014-02-25 16:59:04 Fibonacci

哇，我知道這些都是有空間，完全忘了，我可以用它們對於這個問題，謝謝！ –

如何使表單元素與另一個元素共享引導列

回答

相關問題