부트 스트랩 : 추가 기능을 입력 아래에 추가

Question

bootsrap CSS를 사용하여 입력 아래에 범위를 추가하려면 어떻게해야합니까? 다음과 같이해야합니다.

Answer 1

이렇게하면 되나요? http://jsfiddle.net/swm53ran/205/

아래 그림처럼 순수 CSS로 그것을 할 수

: 지금까지

<div class="col-xs-12"> 
    <input type="text" class="form-control has-add-on"/> 
    <div class="btm-add-on"> 
     <strong>Some Text</strong> <input type="checkbox"/> 
    </div> 
</div> 

.btm-add-on { 
    background-color: #E6E6E6; 
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px; 
    padding: 5px; 
    text-align: center; 
    border: 1px solid #C0C0C0; 
    border-top: none; 
} 
.has-add-on { 
    border-bottom-left-radius: 0px; 
    border-bottom-right-radius: 0px; 
}