XOOPS輕鬆架 - 線上書籍

:::

BootStarp4實做入門
==============

1. BootStrap4 裡面已經沒辦法用 `.col-offset-x` 或者 `.offset-sm-x` 來跳過幾欄。
2. 可以利用 `.mr-auto` 來將右邊剩下的空位謄出來。 ```
    
    <div class="container">
        <div class="row">
            <div class="col-2">col 等寬 1/3</div>
            <div class="col-2 mr-auto">col 等寬 2/3</div>
            <div class="col-2">col 等寬 3/3</div>
        </div>ass="col-2">col 等寬 3/3</div>
        </div>
    </div>
    ```
3. 或者用 `.mx-auto` 把空位平均分散到左右兩邊 ```
    
    <div class="container">
        <div class="row">
            <div class="col-2">col 等寬 1/3</div>
            <div class="col-2 mx-auto">col 等寬 2/3</div>
            <div class="col-2">col 等寬 3/3</div>
        </div>
    </div>
    ```
4. 或用 `.ml-auto` 把空位放到左邊 ```
    
    <div class="container">
        <div class="row">
            <div class="col-2">col 等寬 1/3</div>
            <div class="col-2 ml-auto">col 等寬 2/3</div>
            <div class="col-2">col 等寬 3/3</div>
        </div>
    </div>
    ```
5. 範例： See the Pen [欄位推移](https://codepen.io/tad0616/pen/NvLgQW/) by Tad ([@tad0616](https://codepen.io/tad0616)) on [CodePen](https://codepen.io).
    
     <script async="" src="https://production-assets.codepen.io/assets/embed/ei.js"></script>

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D942

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器