Входной группа текстовая область не совпадает с входной-групповой кнопкой

Question

Я использую следующий вход-группу с начальной загрузкой:

<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> 

Результатом является текст-область не совмещен с кнопкой:

Я хочу, чтобы текст-область, которая будет совмещена с кнопкой ввода группы

Answer 1

Убедитесь его правильно отформатирован в загрузочном колонке, он работает отлично на моем конце.

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

Answer 2

да, они находятся в начальной загрузки колонны.

<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.

попробуйте, это работает