24-9 table.html

<table class="table table-striped table-hover table-sm table-responsive">
    <thead class="thead-inverse">
        <tr>
            <th>標題</th>
            <th class="text-nowrap">公告單位</th>
            <th>日期</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td scope="row">★9/25-10/20【我的微行動宣言】新學期分享新目標，學諮好禮雙重送!</td>
            <td>學諮中心</td>
            <td>2017-09-22</td>
        </tr>
        <tr>
            <td scope="row">【今日活動提醒】2017公視巡迴電影院好戲上場你來看~邀請全校師生一同觀賞喔~</td>
            <td>課外活動組</td>
            <td>2017-09-22</td>
        </tr>
        <tr>
            <td scope="row">★9/25-10/20【我的微行動宣言】新學期分享新目標，學諮好禮雙重送!</td>
            <td>學諮中心</td>
            <td>2017-09-22</td>
        </tr>
        <tr>
            <td scope="row">【今日活動提醒】2017公視巡迴電影院好戲上場你來看~邀請全校師生一同觀賞喔~</td>
            <td>課外活動組</td>
            <td>2017-09-22</td>
        </tr>
        <tr>
            <td scope="row">★9/25-10/20【我的微行動宣言】新學期分享新目標，學諮好禮雙重送!</td>
            <td>學諮中心</td>
            <td>2017-09-22</td>
        </tr>
        <tr>
            <td scope="row">【今日活動提醒】2017公視巡迴電影院好戲上場你來看~邀請全校師生一同觀賞喔~</td>
            <td>課外活動組</td>
            <td>2017-09-22</td>
        </tr>
        <tr>
            <td scope="row">★9/25-10/20【我的微行動宣言】新學期分享新目標，學諮好禮雙重送!</td>
            <td>學諮中心</td>
            <td>2017-09-22</td>
        </tr>
        <tr>
            <td scope="row">【今日活動提醒】2017公視巡迴電影院好戲上場你來看~邀請全校師生一同觀賞喔~</td>
            <td>課外活動組</td>
            <td>2017-09-22</td>
        </tr>
        <tr>
            <td scope="row">★9/25-10/20【我的微行動宣言】新學期分享新目標，學諮好禮雙重送!</td>
            <td>學諮中心</td>
            <td>2017-09-22</td>
        </tr>
        <tr>
            <td scope="row">【今日活動提醒】2017公視巡迴電影院好戲上場你來看~邀請全校師生一同觀賞喔~</td>
            <td>課外活動組</td>
            <td>2017-09-22</td>
        </tr>
    </tbody>
</table>