XOOPS輕鬆架

24. 20170924上課範例

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

```

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>BootStrap4練習</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/my.css">
    <script src="js/w3.js"></script>
</head>

<div class="container">
        <div class="row no-gutters">
            <div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">畢業生流向調查(畢業校友聯絡網)</a></div>
            <div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">就業/工讀/實習訊息</a></div>
            <div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">兼任助理勞動權益保障專區</a></div>
            <div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">校外人士活動報名系統</a></div>
            <div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">自我評鑑專區</a></div>
            <div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">徵才訊息</a></div>
            <div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">個人資料保護宣導</a></div>
            <div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">校務及財務公開網</a></div>
            <div class="col-sm-4"><a href="#" class="btn btn-block btn-color1 rounded-0 border-white py-3">國內策略聯盟學校</a></div>
        </div>
    </div>

</html>
```

</body></html>

書籍目錄

展開 | 闔起

快速登入

進階搜尋

計數器

今天：
昨天：
總計：

主內容區域

MarkDown

左邊區域內容

書籍目錄

快速登入

右邊區域內容

計數器

頁尾區域