부트 스트랩 3 입력 그룹

Question

이제 부트 스트랩 3 입력 그룹으로 작업하고 있지만 결과는 예상과 다릅니다. 나는 한 줄에 [입력] - [입력 텍스트] - [버튼]을 선택하고 싶다. 하지만 제 경우에는 버튼 안에 공백이 있습니다. Input Group SS. 화면의 폭이 작아 변경하는 경우

<div class="card-block bg-white"> 
 
     <div class="row"> 
 
     \t <form action="<?php echo base_url(); ?>performance" method="post"> 
 
      <div class="form-group"> 
 
      \t <div class="input-group col-md-6 col-md-offset-4 col-sm-12 col-xs-12"> 
 
       \t <span class="input-group-btn"> 
 
       \t <select class="form-control input-sm" name="id_cabang" id="id_cabang"> 
 
          <option>Option 1</option> 
 
          <option>Option 2</option> 
 
          <option>Option 3</option> 
 
        </select> 
 
        </span> 
 
        <span class="input-group-btn"> 
 
        \t <input id="bulan_kinerja" name="bulan_kinerja" type="text" class="form-control input-sm bln_picker" data-provide="datepicker" placeholder="Datepicker" value="<?php echo $bulan_kinerja; ?>"/> 
 
        </span> 
 
        <span class="input-group-btn"> 
 
        <button type="submit" class="btn btn-primary btn-sm" id="kinerja_btn">Submit</button> 
 
        </span> 
 
       </div> \t 
 
      </div> \t 
 
      </form> 
 
     </div> 
 
    </div>

나는 구글하지만 어떤 경우에는 몇 가지 예제를 시도했다

는, 그것은 새로운 라인으로 변 : 이 내 코드입니다.

결과가 응답 너비와 순수 부팅 스트랩 3 클래스를 사용하여 전체 싶습니다. 도와주세요. 정말 고마워.

Answer 1

당신은

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" > 
 
<div class="card-block bg-white"> 
 
    <div class="row"> 
 
    \t <form action="<?php echo base_url(); ?>performance" method="post"> 
 
     <div class="form-group"> 
 
     \t <div class="input-group col-md-6 col-md-offset-4 col-sm-12 col-xs-12"> 
 
      \t <span class="input-group-btn"> 
 
      \t <select class="form-control input-sm" name="id_cabang" id="id_cabang"> 
 
         <option>Option 1</option> 
 
         <option>Option 2</option> 
 
         <option>Option 3</option> 
 
       </select> 
 
       </span> 
 
       <span class="input-group-btn"> 
 
       \t <input id="bulan_kinerja" name="bulan_kinerja" type="text" class="form-control input-sm bln_picker" data-provide="datepicker" placeholder="Datepicker" value="<?php echo $bulan_kinerja; ?>"/> 
 
       </span> 
 
       <span class="input-group-btn"> 
 
       <button type="submit" class="btn btn-primary btn-sm" id="kinerja_btn">Submit</button> 
 
       </span> 
 
      </div> \t 
 
     </div> \t 
 
     </form> 
 
    </div> 
 
</div>

당신은 항상 최신 버전을 사용해야합니다 사용하여 부트 스트랩 CSS 스타일 시트를 포함해야합니다. v4로 마이그레이션하는 방법을 알아보십시오 here.