24-3 nav.html

<ul class="navbar-nav">
    <!--此處加入選項-->
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbar1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">認識本校</a>
        <div class=" dropdown-menu rounded-0" aria-labelledby="navbar1">
            <a class="dropdown-item" href="#">創辦人</a>
            <a class="dropdown-item" href="#">現任校長</a>
            <a class="dropdown-item" href="#">學校簡史</a>
            <a class="dropdown-item" href="#">教育理念</a>
            <a class="dropdown-item" href="#">聆聽校歌</a>
            <a class="dropdown-item" href="#">校徽釋義</a>
            <a class="dropdown-item" href="#">校園景觀</a>
            <a class="dropdown-item" href="#">聯絡及交通</a>
            <a class="dropdown-item" href="#">校園配置圖</a>
        </div>
    </li>
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbar2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">招生資訊</a>
        <div class=" dropdown-menu rounded-0" aria-labelledby="navbar2">
            <a class="dropdown-item" href="#">本國學生招生</a>
            <a class="dropdown-item" href="#">　五加二護理專班招生專區</a>
            <a class="dropdown-item" href="#">　五專入學招生專區</a>
            <a class="dropdown-item" href="#">　四技入學招生專區</a>
            <a class="dropdown-item" href="#">　二技入學招生專區</a>
            <a class="dropdown-item" href="#">　轉學生招生專區</a>
            <a class="dropdown-item" href="#">　研究所招生</a>
            <a class="dropdown-item" href="#">　進修部招生</a>
            <a class="dropdown-item" href="#">　進修學院招生</a>
            <a class="dropdown-item" href="#">境外生招生專區</a>
            <a class="dropdown-item" href="#">　外國生招生專區</a>
            <a class="dropdown-item" href="#">　僑生及港澳生招生專區</a>
            <a class="dropdown-item" href="#">　陸生招生專區</a>
            <a class="dropdown-item" href="#">本校招生入學網路報名系統</a>
            <a class="dropdown-item" href="#">獎助學金專區</a>
        </div>
    </li>
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbar3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">校務資訊</a>
        <div class=" dropdown-menu rounded-0" aria-labelledby="navbar3">
            <a class="dropdown-item" href="#">校務資訊系統</a>
            <a class="dropdown-item" href="#">Google Apps信箱</a>
            <a class="dropdown-item" href="#">教職員Webmail（新版）</a>
            <a class="dropdown-item" href="#">教職員Webmail（舊版）</a>
            <a class="dropdown-item" href="#">e-Portfolio(新版)</a>
            <a class="dropdown-item" href="#">e-Portfolio(舊版)</a>
            <a class="dropdown-item" href="#">e-Learning網路學園</a>
            <a class="dropdown-item" href="#">電算中心服務系統</a>
            <a class="dropdown-item" href="#">本校行動app下載</a>
            <a class="dropdown-item" href="#">慈濟儲存雲</a>
        </div>
    </li>
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbar4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">學生資訊</a>
        <div class=" dropdown-menu rounded-0" aria-labelledby="navbar4">
            <a class="dropdown-item" href="#">學生資訊系統</a>
            <a class="dropdown-item" href="#">Google Apps信箱</a>
            <a class="dropdown-item" href="#">e-Portfolio(新版)</a>
            <a class="dropdown-item" href="#">e-Portfolio(舊版)</a>
            <a class="dropdown-item" href="#">e-Learning網路學園</a>
            <a class="dropdown-item" href="#">電算中心服務系統</a>
            <a class="dropdown-item" href="#">選課系統</a>
            <a class="dropdown-item" href="#">本校行動APP下載</a>
            <a class="dropdown-item" href="#">軟硬體資訊服務</a>
        </div>
    </li>
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbar5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">行政單位</a>
        <div class=" dropdown-menu rounded-0" aria-labelledby="navbar5">
            <a class="dropdown-item" href="#">校長室</a>
            <a class="dropdown-item" href="#">秘書室</a>
            <a class="dropdown-item" href="#">教務處</a>
            <a class="dropdown-item" href="#">學務處</a>
            <a class="dropdown-item" href="#">總務處</a>
            <a class="dropdown-item" href="#">研究發展處</a>
            <a class="dropdown-item" href="#">電子計算機中心</a>
            <a class="dropdown-item" href="#">圖書館</a>
            <a class="dropdown-item" href="#">進修推廣部</a>
            <a class="dropdown-item" href="#">人事室</a>
            <a class="dropdown-item" href="#">人文室</a>
            <a class="dropdown-item" href="#">會計室</a>
            <a class="dropdown-item" href="#">國際暨兩岸教育資源中心</a>
            <a class="dropdown-item" href="#">教師發展暨教學資源中心</a>
        </div>
    </li>
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbar6" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">教學單位</a>
        <div class=" dropdown-menu rounded-0" aria-labelledby="navbar6">
            <a class="dropdown-item" href="#">護理學院</a>
            <a class="dropdown-item" href="#">　護理系</a>
            <a class="dropdown-item" href="#">　長期照護研究所</a>
            <a class="dropdown-item" href="#">　醫學影像暨放射科學系</a>
            <a class="dropdown-item" href="#">　放射醫學科學研究所</a>
            <a class="dropdown-item" href="#">健康科技管理學院</a>
            <a class="dropdown-item" href="#">　醫務暨健康管理系</a>
            <a class="dropdown-item" href="#">　行銷與流通管理系</a>
            <a class="dropdown-item" href="#">　資訊科技與管理系</a>
            <a class="dropdown-item" href="#">全人教育中心(通識中心)</a>
            <a class="dropdown-item" href="#">附設進修學院</a>
        </div>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">推廣教育</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">圖書資訊</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">研究發展</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">海外交流</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">辦學成果</a>
    </li>
</ul>