라벨

Question

내가 원하는

<input class="form-control payment-new" type="text"> 

아래

<label class="col-sm-3" >Redeem Game points</label> 

레이블 후, 나는이 같은 입력 필드가 아래처럼 내 코드에서 레이블이 내 레이블이 끝난 후 작은 이미지 (물음표)를 넣으십시오.

어떻게하면됩니까? 이 부분을 확인하십시오. fiddle.

이미지가 없으면 멋진 글꼴을 사용하고 내 이미지를 업데이트 할 수 있습니까?

Answer 1

font-awesome 또는 <img> 태그를 사용하여 수행 할 수 있습니다.
아래 글꼴을 사용 중입니다. 코드 아래

그대

<label class="col-sm-3" >Redeem Game points<i class="fa fa-question" aria-hidden="true"></i></label> 
 
<input class="form-control payment-new" type="text" name="order[coupon_code]" id="order_coupon_code"> 
 

 
<script src="https://use.fontawesome.com/c7082764ea.js"></script>

이미지 태그를 사용한다.

<label class="col-sm-3" >Redeem Game points<img src="http://www.icone-png.com/png/49/49243.png"></label> 
 
<input class="form-control payment-new" type="text" name="order[coupon_code]" id="order_coupon_code">

나는 어떤 임의의 크기의 이미지를 선택했다. 글꼴을 멋지게 만드는 방법으로 원하는 이미지를 사용하고 물음표의 크기를 늘리려는 경우 사용할 수 있습니다. fa-2x 또는 fa-3x