Tela de busca

Exibir ítens por página
Texto 1

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>

Título no cabeçalho

Texto texto texto texto

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>