開始使用 Getting Started 主題色系 Colors 響應式設計 Responsive 箱型容器 Box 絕對置中 Center 界限容器 Container 內容區塊 Content 表單控制項 Control 網格系統 Grid 空白間隔 Space 水平排列 Row 間隔容器 Wrap 按鈕 Button 核取方塊 Checkbox 欄位分組 Fieldset 檔案上傳 File 輸入欄位 Input 選項按鈕 Radio 下拉式選擇 Select 項目切換 Selection 指撥開關 Switch 分隔線 Divider 標題 Header 內容遮罩 Mask 引言 Quote 片段 Segment 文字 Text 圓形量測計 Gauge 讀取狀態 Loading 彈出視窗 Modal 提示訊息 Notice 預置內容 Placeholder 步驟指示器 Procedure 進度條 Progress 簡短通知 Snackbar 大頭貼 Avatar 國家旗幟 Flag 圖示 Icon 圖示項目 Iconset 多媒體圖片 Image 圖片組合 Imageset 可折疊內容 Accordion 計數徽章 Badge 檢查清單 Checklist 關聯標籤 Chip 關閉按鈕 Close 交談會話 Conversation 清單 List 中繼資料 Meta 評分 Rating 統計數據 Statistic 表格 Table 導覽標記 Breadcrumb 選單 Menu 頁數導覽列 Pagination 分頁籤 Tab 格局劃分 App Layout 導航列 App Navbar 側邊欄 App Sidebar

<div class="ts-list is-unordered">
    <div class="item">橙希</div>
    <div class="item">卡莉絲</div>
    <div class="item">羽田白音</div>
</div>

<div class="ts-list is-unordered">
    <div class="item">
        オルタナティブガールズ
        <div class="ts-list is-unordered">
            <div class="item">悠木美弥花</div>
            <div class="item">柊つむぎ</div>
            <div class="item">朝比奈乃々</div>
        </div>
    </div>
</div>

<div class="ts-list is-unordered">
    <div class="item">七波白音</div>
    <div class="item">宮風夕梨</div>
    <div class="item">紬木沙羅</div>
</div>

<div class="ts-list is-ordered">
    <div class="item">伊波咲</div>
    <div class="item">栗宮希實</div>
    <div class="item">詩羽</div>
</div>

<div class="ts-list is-small is-unordered">
    <div class="item">箒木日向子</div>
    <div class="item">大舘流花</div>
    <div class="item">海蔵もも</div>
</div>
<div class="ts-list is-unordered">
    <div class="item">箒木日向子</div>
    <div class="item">大舘流花</div>
    <div class="item">海蔵もも</div>
</div>
<div class="ts-list is-large is-unordered">
    <div class="item">箒木日向子</div>
    <div class="item">大舘流花</div>
    <div class="item">海蔵もも</div>
</div>