"Form inline"
Bootstrap 3.3.0 Snippet by keilost

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ---------->
<form class="form-horizontal" role="form">
<div class="col-md-9">
<label for="inputStatus" class="col-md-1 control-label">Status</label>
<div class="col-md-1">
<select class="form-control" name="status_pedido">
<option value="3" selected> Liberado </option>
<option value="1"> Entrega Parcial </option>
<option value="2"> Entrega Total </option>
<option value="9"> Cancelado </option>
<option value="4"> Renegociado </option>
</select>
</div>
<label for="inputNumPedido" class="col-md-1 control-label">P. Compra:</label>
<div class="col-md-1">
<input class="form-control" name="num_pedido" type="text" />
</div>
<label for="inputCodforn" class="col-md-1 control-label">Cod. Forn.:</label>
<div class="col-md-1">
<input class="form-control" name="codforn" type="text" />
</div>
<label for="inputData" class="col-md-1 control-label">Emissão de:</label>
<div class="col-md-2">
<input class="form-control" name="de_data_pedido" type="date" />
</div>
<label for="inputData" class="col-md-1 control-label">até:</label>
<div class="col-md-2">
<input class="form-control" name="at_data_pedido" type="date" />
</div>
</div>
</form>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: