bootstrap 頁面標題

浪花一朵朵發表於2015-05-13
boot

頁面標題會突出顯示，當一個網頁中有多個標題且每個標題之間需要新增一定的間距時，頁面標題顯得特別有用，頁面標題會給不是頁面標題之間的元素加上橫線

加以區分，以突出標題顯示。

頁面標題類 顯示效果圖

 

程式碼：

<!DOCTYPE html>
<html>
<head>
   <title>Bootstrap 例項 - 頁面標題</title>
   <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
   <script src="/scripts/jquery.min.js"></script>
   <script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>

<div class="page-header">
   <h1>頁面標題例項
      <small>子標題</small>
   </h1>
</div>
<p>這是一個示例文字。這是一個示例文字。這是一個示例文字。這是一個示例文字。這是一個示例文字。</p>


</body>
</html>

注意：在引入bootstrap js時，寫成這樣

<script type="text/javascript" src="~/Scripts/bootstrap.min.js" />

頁面顯示空白，vs裡提示以下資訊：

頁面能正常渲染，但是顯示空白。

相關文章