10-3
內容的對齊
- 之前講的都是
<div>
容器本身的對齊,這裡講的是<div>
裡面內容的對齊。
- 詳情:http://bootstrap.hexschool.com/docs/4.0/utilities/text/
- 讓logo圖靠右用
.text-right
:
<div class="col-sm text-right"><img src="images/logo.png" alt="logo"></div>
-
讓中間按鈕置中用 .text-center
:
<div class="col-sm-auto text-center">按鈕語法</div>
-
要注意的是,這種對齊僅對行內元件(inline)有效,如果內容是區塊元件(block),如 <div>
,那就要用別的方式。