twitter-bootstrap-modal

Demostrating issues #143 and #144 in bootstrap-select.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.css">
<script src="http://silviomoreto.github.io/bootstrap-select/javascripts/bootstrap-select.js"></script>
<link rel="stylesheet" href="http://silviomoreto.github.io/bootstrap-select/stylesheets/bootstrap-select.css">
<div class="container">

  <h3>Modal Example</h3>

  <!-- Button to trigger modal -->
  <div>
    <a id="launcher" role="button" class="btn" data-toggle="modal">Launch Modal</a>
  </div>

  <!-- Modal -->
  <div id="myModal1" class="modal hide" tabindex="-1" role="dialog">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      <h3>Standard Selectpickers</h3>
    </div>
    <div class="modal-body">
      // conteudo
    </div>
    <div class="modal-footer">
      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
      <button id="save" class="btn btn-primary">Save changes</button>
      <script>
$('#launcher').click(() => { 
				$('#myModal1').modal('show') 
				$('#save').click(() => { 
        alert('Me') 
        }) 
})
			</script>
    </div>
  </div>

</div>

<style>

CSS

.btn-group {
  z-index: 1051;
}

JavaScript

//$('#myModal1 .selectpicker').selectpicker();

//$(document).on('focusin.modal', '[data-toggle=dropdown], [role=menu]', function (e) { e.stopPropagation() });