共通元素 - 格線系統

SuperCMS專用格線設定

<!-- 先決定格線形式，例如6-6，代表雙欄 -->
<div class="flex-6-6">
<!-- 視情況決定column div數量，如範例此格線需要2個 -->
    <div class="col">...</div>
    <div class="col">...</div>
</div>

格線內標準標籤格式

<div class="col">
    <div class="content_block">
        <div class="head">
            <h3>標題</h3>
        </div>
        <div class="content">...
        </div>
    </div>
</div>
左大右小 class="flex-8-4"

flex-8-4

8

4

左大右小 class="flex-9-3"

flex-9-3

9

3

左大右小 class="flex-3-9"

flex-3-9

3

9

三欄等分 class="flex-4-4-4"

flex-4-4-4

4

4

4

四欄等分 class="flex-3-3-3-3"

flex-3-3-3-3

3

3

3

3

二欄等分 class="flex-6-6"

flex-6-6

6

6

單欄 class="flex-12"

flex-12

12

3欄 左右欄較小 中間欄較大 class="flex-3-6-3"

flex-3-6-3

3

6

3