본문 바로가기
SAP/IT 잡지식

네비게이션 바(navbar) 부트사용

by 꿈청(꿈꾸는청년) 2017. 9. 30.
반응형

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>

   <script src="/resources/bootstrap-3.3.2-dist/Bootswatch_ Cosmo_files/bootstrap.min.js"></script>

   <link rel="stylesheet" href="/resources/bootstrap-3.3.2-dist/Bootswatch_ Cosmo_files/bootstrap.css" media="screen">

   <link rel="stylesheet" href="/resources/bootstrap-3.3.2-dist/css/ji.css" media="screen">

<body>

<div align="center" style="margin-top:15px;">

<a href="mm()"><img  style="width:300px"src="resources/img/BCMS.png" id="logo"></a>

</div>

<div class="navbar-wrapper">

<nav class="navbar navbar-default navbar-static-top">

<div  class="collapse navbar-collapse">

          <ul class="nav navbar-nav">

            <li><a href="">Bcms</a></li>

            <li class="dropdown">

            <a class="dropdown-toggle" role="button" data-toggle="dropdown" aria-expanded="false">[명함관리]<span class="caret"></span></a>

            <ul class="dropdown-menu" role="menu" > 

            <li><a href="javascript:nmeCardSelectForm()">- 나의 명함 리스트</a></li>

<li><a href="javascript:sharNmeCardSelectForm()">- 공유 명함 리스트</a></li>

<li><a href="javascript:recvNmeCard();">- 받은 명함 리스트</a></li>

            </ul>

            </li>

            <li><a href="">[그룹관리]</a></li>

            <li class="dropdown">

            <a class="dropdown-toggle" role="button" data-toggle="dropdown" aria-expanded="false">[휴지통]<span class="caret"></span></a>

            <ul class="dropdown-menu" role="menu"> 

            <li><a href="javascript:nmeCardBinSelectForm()">- 나의 명함 리스트 휴지통</a></li>

<li><a href="javascript:sharNmeCardBinSelectForm()">- 공유 명함 리스트 휴지통</a></li>

<li><a href="javascript:recvNmeCardBinSelectForm()">- 받은 명함 리스트 휴지통</a></li>

</ul>

</li>

          </ul>

          <ul class="nav navbar-nav navbar-right">

<li><a><b style="color:white">$</b>님 환영합니다.</a></li>

<li><a href="javascript:memSelectViewForm();">【정보관리】</a></li>

        <li><a href="javascript:goinglogout();">【로그아웃】</a></li>

  </ul>

        </div>

</nav>

</div>

</body>



*오늘의 교훈 : 스크립트 링크를 따올때.. 제이쿼리 순서 먼저 맞춰주는 것을 잊지말자 .. 계속해서 dropdown 안되서 2시간정도 ㅠㅠ 해맴 링크따올 때 

1. 제이쿼리 2. js(스크립트) 순 꼭 기억

script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>

   <script src="/resources/bootstrap-3.3.2-dist/Bootswatch_ Cosmo_files/bootstrap.min.js"></script>

반응형

'SAP > IT 잡지식' 카테고리의 다른 글

jQuary attr/prop 함수를 이용한 체크박스 활용  (0) 2017.11.14
each(), 일반적인 반복 함수  (0) 2017.11.13
게임 만들기 1  (0) 2017.11.07
java/물음표 연산자  (0) 2017.10.22
jQuary readonly / disabled 사용법  (0) 2017.09.29

댓글