アライメントの問題追加入力ブートストラップ

Question

私は編集可能なcomboxボックスを私に与えるbtnグループを持っています。唯一の問題は、それが正しく整列していないことです。ここで

が現在のボックス - である

<div class="input-append btn-group form-control"> 
    <input class="input-sm span2" id="errorcount" size="16" type="text" value="Error"> 
    <ul class="dropdown-menu" id="dropdown-menu"> 
    <li><a href="#"><i class="icon-pencil"></i>less than 1,000</a></li> 
    <li><a href="#"><i class="icon-pencil"></i>1,000 - 5,000</a></li> 
    <li><a href="#"><i class="icon-pencil">       
    </ul> 
    <a class="btn btn-primary dropdown-toggle pull-right" data-toggle="dropdown" href="#"> 
    <span class="caret"></span> 
    </a> 
</div> 

新しいあなたは、このようなform-controlやinput-groupなど、いくつかのコンテナクラスを逃している

<div class="input-group"> 
          <input type="text" class="input-sm" id="errorcount" size="" value="Error"> 
          <div class="input-group"> 
          <button type="button" class="btn btn-primary dropdown-toggle pull-right" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
           <span class="caret"></span> 
          </button> 
          <ul class="dropdown-menu dropdown-menu-right" id="dropdown-menu"> 
           <li><a href="#"><i class="icon-pencil"></i>less than 1,000</a></li> 
           <li><a href="#"><i class="icon-pencil"></i>1,000 - 5,000</a></li> 

          </ul> 
          </div> 
        </div> 

Answer 1

を変更します。ここで

はあなたのコードの作業例です：ここ

<div class="input-group"> 
    <input type="text" class="form-control" id="errorcount" size="16" value="Error"> 
    <div class="input-group-btn"> 
    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
     <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu dropdown-menu-right" id="dropdown-menu"> 
     <li><a class="dropdown-item" href="#"><i class="icon-pencil"></i>less than 1,000</a></li> 
     <li><a class="dropdown-item" href="#"><i class="icon-pencil"></i>1,000 - 5,000</a></li> 
    </ul> 
    </div> 
</div> 

jsFiddle：https://jsfiddle.net/5g6c281b/