JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap.css">
<html>
<head>
</head>    
<body>

    <!-- Button -->
  <p>  
    <a href="#modalbg" role="button" class="btn" data-toggle="modal">Open BG modal</a>
        
  </p>
    <!-- First Modal -->
    <div class="modal" id="modalbg" tabindex="-1" style="display: none;">
      <div class="modal-header">
        <h3>BG modal</h3>
      </div>
      <div class="modal-body">
          <p>
              Write something that begins with "a"..
          </p>
          <p>
            <!-- Textbox -->
            <input type="text" id="typeahead" class="span3" style="margin: 0 auto;">            
          </p>
      </div>
      <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal">Close</a>
        <a href="#modalfg" role="button" class="btn" data-toggle="modal">Open FG modal</a>
      </div>
    </div>    
    <!-- Second Modal -->
    <div class="modal" id="modalfg" tabindex="-1" style="display: none; ">
      <div class="modal-header">
        <h3>FG modal</h3>
      </div>
      <div class="modal-body">
        <p>Close the modal and try to use the typeahead…</p>
      </div>
      <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal">Close</a>
      </div>
    </div>    
</body>
</html>

JavaScript

/* ===================================================
 * bootstrap-transition.js v2.1.0
 * http://twitter.github.com/bootstrap/javascript.html#transitions
 * ===================================================
 * Copyright 2012 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================== */


!function ($) {

  $(function () {

    "use strict"; // jshint ;_;


    /* CSS TRANSITION SUPPORT (http://www.modernizr.com/)
     * ======================================================= */

    $.support.transition = (function () {

      var transitionEnd = (function () {

        var el = document.createElement('bootstrap')
          , transEndEventNames = {
               'WebkitTransition' : 'webkitTransitionEnd'
            ,  'MozTransition'    : 'transitionend'
            ,  'OTransition'      : 'oTransitionEnd otransitionend'
            ,  'transition'       : 'transitionend'
            }
          , name

        for (name in transEndEventNames){
          if (el.style[name] !== undefined) {
            return transEndEventNames[name]
          }
        }

      }())

      return transitionEnd && {
        end: transitionEnd
      }

    })()

  })

}(window.jQuery);
/* =========================================================
 * bootstrap-modal.js v2.1.0
 * http://twitter.github.com/bootstrap/javascript.html#modals
 * =========================================================
 * Copyright 2012...