Texto 1 | Texto 2 | Texto 3 | Texto 4 | Texto 5 | Texto 6 | Texto 7 | Texto 8 | Texto 9 | Texto 10 |
---|---|---|---|---|---|---|---|---|---|
Texto 1 | Texto 2 | Texto 3 | Texto 4 | Texto 5 | Texto 6 | Texto 7 | Texto 8 | Texto 9 | |
Texto 1 | Texto 2 | Texto 3 | Texto 4 | Texto 5 | Texto 6 | Texto 7 | Texto 8 | Texto 9 | |
Texto 1 | Texto 2 | Texto 3 | Texto 4 | Texto 5 | Texto 6 | Texto 7 | Texto 8 | Texto 9 | |
Texto 1 | Texto 2 | Texto 3 | Texto 4 | Texto 5 | Texto 6 | Texto 7 | Texto 8 | Texto 9 |
<div class="container-fluid">
<ol class="breadcrumb">
<li><a href="javascript:void(0);">Início</a></li>
<li class="active">Pesquisa</li>
</ol>
<div class="row">
<div class="col-lg-6 col-md-7 col-sm-9">
<div class="input-group">
<span class="input-group-addon">Exibir</span>
<select class="form-control" aria-label="">
<option value="10">10</option>
<option value="30">30</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
<span class="input-group-addon">ítens por página</span>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-lg-offset-4 col-md-offset-3 col-sm-offset-1">
<div class="input-group">
<span class="input-group-addon">Texto 1</span>
<select class="form-control" aria-label="">
<option value="Texto 1">Texto 2</option>
<option value="Texto 2">Texto 3</option>
<option value="Texto 3">Texto 4</option>
<option value="Texto 4">Texto 5</option>
</select>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-8">
<div class="input-group">
<input type="text" class="form-control" placeholder="">
<span class="input-group-btn">
<button class="btn btn-primary" type="button">Pesquisar</button>
</span>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-24">
<div class="table-responsive">
<table class="table table-bordered table-hover">
<thead>
<tr>
<th>Texto 1</th>
<th>Texto 2</th>
<th>Texto 3</th>
<th>Texto 4</th>
<th>Texto 5</th>
<th>Texto 6</th>
<th>Texto 7</th>
<th>Texto 8</th>
<th>Texto 9</th>
<th>Texto 10</th>
</tr>
</thead>
<tbody>
<tr>
<td>Texto 1</td>
<td>Texto 2</td>
<td>Texto 3</td>
<td>Texto 4</td>
<td>Texto 5</td>
<td>Texto 6</td>
<td>Texto 7</td>
<td>Texto 8</td>
<td>Texto 9</td>
<td><div class="btn-group" role="group" aria-label="">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> Ver</button>
<button type="button" class="btn btn-warning"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Editar</button>
<button type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Apagar</button>
</div></td>
</tr>
<tr>
<td>Texto 1</td>
<td>Texto 2</td>
<td>Texto 3</td>
<td>Texto 4</td>
<td>Texto 5</td>
<td>Texto 6</td>
<td>Texto 7</td>
<td>Texto 8</td>
<td>Texto 9</td>
<td><div class="btn-group" role="group" aria-label="">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> Ver</button>
<button type="button" class="btn btn-warning"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Editar</button>
<button type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Apagar</button>
</div></td>
</tr>
<tr>
<td>Texto 1</td>
<td>Texto 2</td>
<td>Texto 3</td>
<td>Texto 4</td>
<td>Texto 5</td>
<td>Texto 6</td>
<td>Texto 7</td>
<td>Texto 8</td>
<td>Texto 9</td>
<td><div class="btn-group" role="group" aria-label="">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> Ver</button>
<button type="button" class="btn btn-warning"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Editar</button>
<button type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Apagar</button>
</div></td>
</tr>
<tr>
<td>Texto 1</td>
<td>Texto 2</td>
<td>Texto 3</td>
<td>Texto 4</td>
<td>Texto 5</td>
<td>Texto 6</td>
<td>Texto 7</td>
<td>Texto 8</td>
<td>Texto 9</td>
<td><div class="btn-group" role="group" aria-label="">
<button type="button" class="btn btn-default"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> Ver</button>
<button type="button" class="btn btn-warning"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> Editar</button>
<button type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Apagar</button>
</div></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="row">
<div class="col-md-24">
<nav class="pull-right">
<ul class="pagination">
<li class="disabled">
<span>
<span aria-hidden="true">Anterior</span>
</span>
</li>
<li class="active"><span>1 <span class="sr-only">(atual)</span></span></li>
<li><a href="javascript:void(0);">2</a></li>
<li><a href="javascript:void(0);">3</a></li>
<li><a href="javascript:void(0);">4</a></li>
<li><a href="javascript:void(0);">5</a></li>
<li>
<a href="javascript:void(0);" aria-label="Próximo">
<span aria-hidden="true">Próximo</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
Caso você preferir um cabeçalho no fixo em acima sem navbar, então adicione:
<body class="ss-fixo-cabecalho-acima">
...
<header class="... ss-fixo-acima">
...
</header>
...
</body>
<header class="ss-logotipo">
<h1 class="pull-left">Texto texto texto texto</h1>
<img class="pull-right" src="img/logotipo-sest-senat.png" alt="SEST SENAT">
</header>