輸入組文本區域不與輸入組按鈕排列

我用下面的輸入組引導：輸入組文本區域不與輸入組按鈕排列

<div class="input-group" style="padding-left: 20px;"> 

    <input type="text" name="s" class="form-control input-sm"> 

    <span class="input-group-btn"> 
     <button class="btn btn-default input-sm" type="submit"><span class="fa fa-search"></span></button> 
    </span> 

</div>

的結果是一個文本區域沒有與按鈕排列：

我希望文本區域與輸入組按鈕對齊

來源

2015-10-26 Kerby82

我想在我的項目代碼和它做工精細，所以我會說要麼你在這個問題上多添一點'CSS'或有可能是某些其他類與您的「跨度」衝突？ –

他們是否在引導列？ –

請確保它在引導列中的格式正確，它在我的最後工作正常。

HTML：

<div class="col-sm-6"> 
    <div class="input-group" style="padding-left: 20px;"> 
     <input type="text" name="s" class="form-control input-sm"> 
     <span class="input-group-btn"> 
     <button class="btn btn-default input-sm" type="submit"><span class="fa fa-search"></span></button> 
     </span> 
    </div> 
</div>

CodePen Example

來源

2015-10-27 04:42:13

是的，他們是在一個自舉列。

<div class="row"> 
    <div class="col-sm-6"> 

    </div> 
    <div class="col-sm-6"> 
     " your code should be there " 
    </div> 
    </div>

see here , your code is given here.

嘗試它，它的工作

來源

2015-10-27 05:52:40

輸入組文本區域不與輸入組按鈕排列

回答

相關問題