格線系統

格線設定

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

格線內標準標籤格式

<div class="col ">
    <!-- 圖表都用chart_block包起來 -->
    <div class="chart_block">
        <div class="chart_head">
            <!-- 圖表標題 -->
            <h3>自訂圖表標題</h3>
            <!-- 圖表更新日期及問題 -->
            <div class="chart_info">
                <div class="update">...</div>
                <div class="question">...</div>
            </div>
        </div>
        <!-- widget 都放置此區塊 -->
        <div class="chart_content">...</div>
    </div>
</div>
左大右小 class="flex-8-4"

flex-8-4

8

update:

4

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

flex-4-4-4

4

update:

4

update:

4

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

flex-6-6

6

update:

6

update:
單欄 class="flex-12"

flex-12

12

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

flex-3-6-3

3

update:

6

update:

3

update: