Bootstrap 2.3.2 Modal ToolTip

by Dmitriy Shvanyk

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<a href="#myModal" role="button" class="btn" data-toggle="modal">demo modal</a>

<div id="myModal" class="modal hide fade">

  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    Modal body
  </div>
  <div class="modal-footer">
  </div>
</div>

CSS

.modal {  
  width: 700px;
  margin-left: -350px; 
}

@media (max-width:767px) {
  .modal {    
    top: 20px; left: 20px; right: 20px;
    width: auto;
    margin: 0;
  }
}