정보실

웹학교

정보실

bootstrap Yamm - 트위터의 부트 스트랩을 위한 메가 메뉴입니다.

본문

Yamm은 유동 격자 시스템 클래스와 Bootstrap의 표준 Navbar 마크 업을 사용합니다. Yamm은 모든 Bootstrap 요소를 포함하는 기능을 가지고 있습니다.


https://geedmo.github.io/yamm/ 


1. 탐색 표시 줄 마크 업을 재사용하고 맨 위에 클래스 .yamm을 추가하십시오.

2. 그런 다음 .dropdown-menu에 마크 업을 추가하십시오.

3. 선택적으로 .yamm-content를 사용하여 컨텐츠를 padding으로 랩핑하십시오.

4. 기본 배경 및 텍스트 색상 스타일을 피하기 위해 .dropdown-item이 생략되었습니다.


<nav class="yamm navbar navbar-expand-lg navbar-light bg-light">
...
     <ul class="navbar-nav">
       <li class="nav-item dropdown">
         <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Dropdown</a>
         <div class="dropdown-menu">
           <div class="yamm-content">
             ...
           </div>
         </div>
       </li>
     </ul>
...
</nav>
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 24회 ]  작성일19-11-30 10:29

웹학교