"Propostas"
Bootstrap 3.2.0 Snippet by wcpm

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Tabs - Sortable</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> </head> <body> <div id="tabs"> <ul> <li><a href="#tabs-1">Informações</a></li> <li><a href="#tabs-2">Dados do Cliente</a></li> <li><a href="#tabs-3">Endereço do Cliente</a></li> <li><a href="#tabs-4">Referências</a></li> <li><a href="#tabs-5">Empresa</a></li> </ul> <div id="tabs-1"> </div> <div id="tabs-2"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Dados do Cliente</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="txtCodigoCLiente">Código do Cliente</label> <div class="col-md-8"> <input id="txtCodigoCLiente" name="txtCodigoCLiente" type="text" placeholder="Código do Cliente" class="form-control input-md"> <input id="txtCPF" name="txtCPF" type="text" placeholder="CPF" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="txtCPF">CPF</label> <input id="txtCPF" name="txtCPF" type="text" placeholder="CPF" class="form-control input-md"> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="txtNome">Nome</label> <div class="col-md-8"> <input id="txtNome" name="txtNome" type="text" placeholder="Nome Cliente" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="txtRG">RG</label> <div class="col-md-8"> <input id="txtRG" name="txtRG" type="text" placeholder="RG" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="txtOrgaoExpedidor">Orgão Expedidor</label> <div class="col-md-8"> <input id="txtOrgaoExpedidor" name="txtOrgaoExpedidor" type="text" placeholder="Orgão Expedidor" class="form-control input-md"> </div> </div> </fieldset> </form> </div> <div id="tabs-3"> <p>TAB3</p> </div> <div id="tabs-4"> <p>TAB4</p> </div> <div id="tabs-5"> <p>TAB5</p> </div> </div> </body> </html>
$(function() { var tabs = $( "#tabs" ).tabs(); tabs.find( ".ui-tabs-nav" ).sortable({ axis: "x", stop: function() { tabs.tabs( "refresh" ); } }); });

Related: See More

Full Calendar

Questions / Comments: