Tutorial di Bootstrap di Base

Plugin Bootstrap

标签 Bootstrap

Questo capitolo spiegherà le etichette di Bootstrap. Le etichette possono essere usate per contare, suggerire o per altri segnalibri visuali nella pagina. Utilizzando la classe .label Per visualizzare le etichette, come nell'esempio seguente:

Esempio online

示例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">　
	<title>Bootstrap Esempio - Etichetta</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>
</head>
<body>
<h1>Esempio di Intestazione <span class="label label-default">Etichetta</span></h1>
<h2>Titolo esempio <span class="label label-default">Etichetta</span></h2>
<h2>Titolo esempio <span class="label label-default">Etichetta</span></h2>
<h4>Titolo esempio <span class="label label-default">Etichetta</span></h4>
</body>
</html>

测试看看 ‹/›

如下所示结果：

Puoi usare classi decorate label-default, label-primary, label-success, label-info, label-warning, label-danger Modifica l'aspetto delle etichette, come nell'esempio seguente:

Esempio online

示例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">　
	<title>Esempio Bootstrap - Varietà di etichette</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>
</head>
<body>
<span class="label label-default">Etichetta predefinita</span>
<span class="label label-primary">Etichetta principale</span>
<span class="label label-success">Etichetta di successo</span>
<span class="label label-info">Etichetta informativa</span>
<span class="label label-warning">Etichetta di avviso</span>
<span class="label label-danger">Etichetta pericolo</span>
</body>
</html>

测试看看 ‹/›

如下所示结果：

类	描述	示例
.label label-default	标签灰色默认	试一试
.label label-success	标签绿色类型 "success"	试一试
.label label-warning	标签黄色类型 "warning"	试一试

Tutorial di Bootstrap di Base

Plugin Bootstrap

标签 Bootstrap

Esempio online

Esempio online

更多示例标签