Tutorial di base Bootstrap

Plugin Bootstrap

Bootstrap 页面标题

Il Page Header (Intestazione della pagina) è una funzione utile, aggiunge uno spazio adeguato intorno al titolo della pagina. Quando ci sono più titoli in una pagina e c'è bisogno di aggiungere uno spazio tra di loro, questa funzione diventa particolarmente utile. Per utilizzare il Page Header, mettete il vostro titolo in una classe con .page-header nel <div> di:

Esempio online

Esempio

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">　
　　　　<title>Bootstrap esempio - titolo della pagina</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>
<div class="page-header">
　　　　<h1>页面标题示例
　　　　　　　　<small>副标题</small>
　　　　</h1>
</div>
<p>这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。</p>
</body>
</html>

测试看看 ‹/›

结果如下所示：

Bootstrap 缩略图 Bootstrap 超大屏幕