teste copia campos
by Rapha Souza
HTML
<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="panel panel-default" id="panel_dadosdasolicitacao">
<div class="panel-heading ">
<h3 class="panel-title"> <b>Dados da solicitação</b> </h3>
</div>
<div class="panel-body">
<div class="row">
<div class="form-group col-md-3">
<label for="Atividade">Atividade</label>
<select class="form-control" name="Atividade" id="Atividade">
<option value="">Selecione</option>
<option value="atender">Atender</option>
<option value="verificar">Verificar</option>
<optgroup label="TESTE">
<option value="1">1</option>
<option value="3">3</option>
</optgroup>
</select>
</div>
<div class="form-group col-md-3">
<label for="Tipo">Tipo</label>
<select class="form-control" name="Tipo" id="Tipo">
<option value="">Selecione</option>
<option value="contabil">Contábil</option>
<option value="quantidade">Quantidade</option>
<optgroup label="TESTE">
<option value="raphael">Raphael</option>
<option value="teste">Teste</option>
</optgroup>
</select>
</div>
<div class="form-group col-md-3">
<label for="NoPrazo">No Prazo</label>
<select class="form-control" name="NoPrazo" id="NoPrazo">
<option value="">Selecione</option>
<option value="sim">Sim</option>
...
CSS
.row {
background: #f8f9fa;
margin-top: 20px;
}
.col {
border: solid 1px #6c757d;
padding: 10px;
}