작은 장치에서의 부트 스트랩 위치 지정 문제

Question

부트 스트랩 문제가 있습니다.

일반 화면 (sm, md, lg)의 경우 모두 정상입니다.

하지만 작은 화면 (xs)의 경우 라디오 버튼이 입력과 버튼 사이를 통과하도록하고 싶습니다.

어떻게 수행하나요? 당신이이 줄 바꿈을 의미하는 경우

<div class="row"> 
    <div class="form-group col-xs-12 col-sm-12 col-lg-3"> 
     <h4>TITLE</h4> 
    </div> 
    <div class="form-group col-xs-12 col-sm-9 col-lg-7"> 
     <input type="text" name="location"> 
    </div> 
    <div class="form-group col-xs-12 col-sm-3 col-lg-2"> 
     <button type="button">SEND</button> 
    </div> 
</div> 
<div class="col-lg-offset-3"> 
    <div class="form-group"> 
     <label class="radio radio-inline checked"> 
      <input type="radio" name="radio" checked> RADIO 1 
     </label> 
     <label class="radio radio-inline"> 
      <input type="radio" name="radio"> RADIO 2 
     </label> 
     <label class="radio radio-inline"> 
      <input type="radio" name="radio"> RADIO 3 
     </label> 
    </div> 
</div> 

Answer 1

,과 같이 추가 :

<br class="visible-xs"/> 
<br class="visible-xs"/> 

그렇지 않으면, 단순히에만 작은 엑스트라에서 당신을 볼 수 원하는대로 할 수있는 .visible-xs 클래스을 추가합니다.