Tutorial Básico do Bootstrap

Plugin do Bootstrap

Paginação do Bootstrap Barra de Navegação do Bootstrap

Navegação de Pão do Bootstrap

O breadcrumb (navegação breadcrumb) é um tipo de exibição baseado na hierarquia da informação do site. Por exemplo, em um blog, o breadcrumb pode exibir a data de publicação, a categoria ou o rótulo. Eles representam a posição da página na estrutura de navegação.

O breadcrumb (navegação breadcrumb) no Bootstrap é uma forma simples de exibir .breadcrumb uma lista não ordenada. Os separadores serão adicionados automaticamente pelo CSS (bootstrap.min.css) conforme mostrado abaixo na classe:

.breadcrumb > li　+　li:before {
　　　　color: #CCCCCC;
　　　　content: "/　";
　　　　padding: 0　5px;
}

Os seguintes exemplos mostram a navegação breadcrumb:

Exemplos Online

Exemplo

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">　
	<title>Bootstrap Exemplo　-　导航 breadcrumb</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">　　
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</script>
head>
<body>
	<ul class="breadcrumb">/<li><a href="#">/<li class="active">Dezembro<
	<li><a href="#">Home<2012</<li><a href="#">/<li class="active">Dezembro<
	a></<li class="active">Dezembro<
</ul>
</body>
</html>

Teste e Veja ‹/›

Os resultados estão conforme mostrado:

Paginação do Bootstrap Barra de Navegação do Bootstrap