本文: Part 1 Part 2
Bootstrap 中也提供了很方便的方式來使用CSS對齊文字內容. 我們只要在<p></p>中加入class="text-left", class="text-center"及class="text-right"即可向左, 向中, 向右對齊.
在執行時畫面如下:
對於大段的文字, 如
在執行時畫面左側會對齊, 但右側卻會長短不一,對不齊
只有在<p></p>中加入class="text-justified", 即可左右均對齊
針對英文字母的大小寫, Bootstrap也提供了透過CSS做轉換的功能, 只要在加入class="text-lowercase", class="text-uppercase"及class="text-capitalize"即可. class="text-capitalize"會把每一個英文字的第一個字母用大寫,其餘用小寫
在執行時畫面如下:
Bootstrap 中也提供了很方便的方式來使用CSS對齊文字內容. 我們只要在<p></p>中加入class="text-left", class="text-center"及class="text-right"即可向左, 向中, 向右對齊.
在執行時畫面如下:
對於大段的文字, 如
在執行時畫面左側會對齊, 但右側卻會長短不一,對不齊
只有在<p></p>中加入class="text-justified", 即可左右均對齊
針對英文字母的大小寫, Bootstrap也提供了透過CSS做轉換的功能, 只要在加入class="text-lowercase", class="text-uppercase"及class="text-capitalize"即可. class="text-capitalize"會把每一個英文字的第一個字母用大寫,其餘用小寫
在執行時畫面如下:
留言
張貼留言