JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http:///netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="row-fluid checkout-wrapper">

    <div class="span4 payment-delivery current">

      <form method="post" class="form-horizontal" autocomplete="off" id="payment-delivery-form">

        <fieldset id="payment-type-fieldset">
          <div class="control-group">
            <label class="control-label">
              Betalningsmetod
              <span class="pull-right">Gebyr</span>
            </label>

              <div class="controls radio-container ">

                <label class="radio" for="klarnainvoice">
                  <input type="radio" name="paymenttype" id="klarnainvoice" value="klarnainvoice" data-toggle="modal" data-target="#klarnaSubmitModal" data-remote="true">
                                        
                    <span>Klarna Faktura</span>
                      <img src="https://cdn.klarna.com/public/images/SE/badges/v1/invoice/SE_invoice_badge_std_blue.png?width=50&amp;eid=24637" alt="Klarna Faktura Logo">
                    <em class="fee pull-right">0,-</em>
                        <span class="help-block"><a href="#klarnaModal" data-toggle="modal">Klarna Terms and conditions</a></span>
                        
                </label>
                

              </div>

            </div>
          </fieldset>
    </form>

    </div>
  </div>
                  
<div id="klarnaModal" class="modal hide fade" tabindex="-1" role="dialog" aria labelledby="klarnaModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="klarnaModalLabel">Klarna <a href="https://cdn.klarna.com/1.0/shared/content/legal/terms/24637/sv_se/invoice?fee=0" target="_blank">Terms and...