관리 메뉴

moozi

bootstrap4 navigation 본문

TIS_2020/빅데이터2020_1기

bootstrap4 navigation

moozi 2020. 10. 15. 12:11
<!-- navigation ------------------------------------------------->
    <nav class="navbar navbar-expand-md bg-dark navbar-dark" style="width:100%;position:fixed;top:0;">
      
        <a class="navbar-brand" href="#myPage">TIS.Edu</a>
        <!-- 메뉴버튼 -->
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
          <span class="navbar-toggler-icon"></span>
        </button>
      
        <!-- Navbar links -->
        <div class="collapse navbar-collapse" id="collapsibleNavbar">
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link" href="#about" data-toggle="collapse" data-target=".navbar-collapse.in">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#vision">Vision</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#curriculumn">Curriculumn</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#contact">Contact</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#map">Map</a>
            </li>
          </ul>
        </div>
      </nav>
    <!-- navigation -->

'TIS_2020 > 빅데이터2020_1기' 카테고리의 다른 글

10/19 kakao  (0) 2020.10.19
10/16 kakao  (0) 2020.10.16
bootstrap4 navigation  (0) 2020.10.15
10/15 company  (0) 2020.10.15
10/14 responsive02.html  (0) 2020.10.14
10/14 movie  (0) 2020.10.14
0 Comments
댓글쓰기 폼