한 줄에 글꼴 멋진 아이콘을 레이블

Question

과 정렬하십시오. 한 줄에 글꼴 - 멋진 아이콘을 확인란과 레이블로 정렬하는 방법은 무엇입니까?

는 지금이

하고 난 []state?

<div class="row"> 
 
    <div class="col-12"> 
 
    <div class="well"> 
 
     <div class="form-group"> 
 
     <div class="col-md-4"> 
 
      <label class="checkbox"> 
 
      <input type="checkbox"> state 
 
      </label> 
 
      <i class="fa fa-question-circle" 
 
      aria-hidden="true" 
 
      uib-popover="it is state" 
 
      popover-trigger="'mouseenter'"></i> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

라벨 내부 i 태그를 넣어 갖고 싶어.

<div class="row"> 
     <div class="col-12"> 
     <div class="well"> 
      <div class="form-group"> 
      <div class="col-md-4"> 
       <label class="checkbox"> 
       <input type="checkbox"> state 
       <i class="fa fa-question-circle" 
       aria-hidden="true" 
       uib-popover="it is state" 
       popover-trigger="'mouseenter'">a</i> 
       </label> 

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

또는 추가 class='text-nowrap'

<div class="row"> 
    <div class="col-12"> 
    <div class="well"> 
     <div class="form-group"> 
     <div class="col-md-4 text-nowrap"> 
      <label class="checkbox"> 
      <input type="checkbox"> state 
      </label> 
      <i class="fa fa-question-circle" 
      aria-hidden="true" 
      uib-popover="it is state" 
      popover-trigger="'mouseenter'"></i> 
     </div> 
     </div> 
    </div> 
    </div> 
</div>