JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="container">
    <div class="row">
        <div class="col-xs-6"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime commodi architecto doloribus alias incidunt voluptas. Excepturi vero dolor ipsam molestias dolores porro accusamus nobis cum totam quisquam adipisci ad earum.</p>
            <p><button type="button" id="lanciaPopup" class="btn btn-primary" data-toggle="modal" data-target="#myModal" data-backdrop="static">Lancia Popup</button></p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit dignissimos excepturi labore quibusdam veniam voluptatibus vitae quod ipsum facilis nihil explicabo cum ipsa eos eligendi provident amet consectetur obcaecati eius.</div>
    </div>
</div>

 <!-- Modal -->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Modal title</h4>
        </div>
        <div class="modal-body">
          Contenuto del popup
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

CSS

body {
    padding-top:20px;
}

.modal-body {
    height:100%;
}

JavaScript

$('#myModal').on('shown.bs.modal', function () {
  setInterval(function(){
      $('#myModal').modal('hide')
  },2500);
});