鐵人檔案
<div style="width:100px; height:100px;"> <input type=...
容器是Bootstrap中最基本的佈局元素，設置.container容器會自適應寬跟高(意味著max-width在每個螢幕大小的變化)。 首先使用displa...
在Flex外容器設置.flex-row可讓flex items呈水平方向排列(瀏覽器預設)。 在Flex外容器設置.flex-row-reverse可讓fle...
在Flex外容器設置justify-content-start可讓flex items從行首起始位置開始排列。 在Flex外容器設置justify-conte...
設置.align-items可定義flex items在flex容器的縱軸方向上的對齊方式。 在Flex外容器設置.align-items-start可讓fl...
對Flex items使用.align-self可以個別調整Flex items在縱軸方向上的對齊方式。 若已經在Flex外容器上設定.align-item，...
對Flex item設置.flex-grow-1可讓該Flex item使用所有剩餘空間，若對兩個以上的Flex items設置.flex-grow-1則會讓...
對Flex item設置.mr-auto可以設置Flex item的右外邊距為auto。 對Flex item設置.ml-auto可以設置Flex item的...
對Flex外容器設置.flex-nowwrap可讓Flex items長度超過Flex外容器時不換行(瀏覽器預設)。 對Flex外容器設置.flex-wrap...
對Flex items設置.order-*可調整Flex items的排序，.order-*的數字越小權重越高。 範例 <div class=&q...
