フォントと素晴らしいアイコンをラベル付きで一列に整列

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>