首先我們依在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>呈現顏色較淡, 尺寸稍小的文字.
在執行後網頁畫面如下:
在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>呈現顏色較淡, 尺寸稍小的文字.
在執行後網頁畫面如下:
留言
張貼留言