Bootstrap文字格式(Part 1)

首先我們依在Visual Studio ASP .Net空白網站範本中加入Bootstrap (Part 3) 中步驟加入一個新的使用主版頁面的WebForm並設為啟始網頁

在Bootstrap中Html的h1, ..., h6標題是有預設的支援.第一種使用的方式是依照一般Html寫作設計的方式使用<h1></h1>, ..., <h6></h6>標籤. 範例如下圖:



在執行後網頁畫面如下:



請各位留意一下結果中各標題中文字的尺寸, 同時Bootstrap在Html <body></body>中文字預設的尺寸是14px.

另外我們也可透過使用設定CSS的方式達到相同效果, 只需加入class="hx", 其中x可為1,2,3,4,5或6.



在執行後網頁畫面如下


在標題尚可使用<small></small>呈現顏色較淡, 尺寸稍小的文字.



在執行後網頁畫面如下:


留言