title: Set close icon on right side of Bootstrap Modal
body: <p>I am using the Twitter-Bootstrap Modal currently, and I need to close an icon on the right-hand side of the header. I tried to use CSS to set it, but it didn't work.</p>
  
  <p>The code:</p>
  
  <pre><code>&lt;div class="modal-content json-modal-body" id="full-width" ng-controller="projectdetailsController" close="CloseModal()"&gt;
      &lt;div class="modal-header modal-header-confirm"&gt;
          &lt;h4 class="modal-title ng-binding"&gt;
              &lt;span class="glyphicon glyphicon-indent-left"&gt;&lt;/span&gt;{{modalOptions.headerText}}
              &lt;a title="Close"&gt;&lt;i ng-click="CloseModal()" class="glyphicon glyphicon-remove icon-arrow-right"&gt;&lt;/i&gt;&lt;/a&gt; 
          &lt;/h4&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt; 
           &lt;pre class="Modal-pre" ng-bind-html="modalOptions.bodyText"&gt;&lt;/pre&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS that I tried to use:</p>
  
  <pre><code> .icon-arrow-right {
    float: right;
    }
  </code></pre>