如何插入箭頭圖標內文本

Question

我創建了一個是左，右箭頭圖標，並沒有文字，但箭頭的旁邊顯示的是icons.Now我的任務就是在網上箭頭圖標插入文本。

<div class="modal fade" id="modal" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
    <div class="modal-content login-modal"> 
     <div class="modal-header login-modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
      <h4 class="modal-title text-center" id="modallabel">Confirm</h4> 
     </div> 
     <div class="modal-body"> 
      <div class="text-center"> 
       <div role="tabpanel" class="login-tab"> 
        <div class="tab-content"> 
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
         <br /> 
         <label for="NO">NO</label> 
         <i class=" pull-right glyphicon glyphicon-arrow-left"></i> 
         <label for="YES">YES</label> 
         <i class="pull-right glyphicon glyphicon-arrow-right"></i> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

您必須將相對位置的容器內你的箭。然後將你的箭頭位置設置爲絕對。並把它們放在你想要的地方。這樣的事情會工作...

<label for="NO" style="position:relative;"> 
    <i class="pull-right glyphicon glyphicon-arrow-left" style="position:absolute; top:0; left:0;"></i> 
NO</label>