Stack Overflow Answer
Proposed answer to http://stackoverflow.com/questions/38282577/bootstrap-3-2-0-modal-dialogs-jquery
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="modal fade" id="add-panel" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">Cadastrar nova nota fiscal</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-4">
<div class="form-group">
<label>Número</label>
<input id="number" placeholder="Insira o número" type="text" class="form-control" />
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<label>Série</label>
<input id="serie" placeholder="Insira a série" type="text" maxlength="50" class="form-control" />
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<label>Data</label>
<input id="date" placeholder="Insira a data" type="text" class="form-control" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label>Fornecedor</label>
<div class="input-group">
<input class="form-control" id="supplierName" placeholder="Insira o nome do novo fornecedor" />
<select id="supplierID" class="form-control">
<option value="" class="empty">Selecione o fornecedor ou cadastre em +</option>
</select>
<span class="input-group-btn">
<button id="supplierAdd" type="button" class="btn btn-group btn-default" title="Novo...
JavaScript
$(document).ready(function() {
$addPanel = $("div#add-panel");
$addPanel.modal("show");
});