글리 피콘 글꼴 아이콘
BASE CLASS.GLYPHICON {위치/상단/디스플레이/폰트 패밀리/}
콘크리트 클래스 {content}-의사 요소에 나타납니다
핵심 사용 지점 : a. 기본 클래스 + 특정 클래스 b. 일반 아이콘과 텍스트 사이에 공간을 추가하십시오
참고 : a. 다른 구성 요소와 혼합하지 말고 단일 태그를 사용하고 일반적으로 스팬을 사용하십시오 : <span> </span>.
비. 글꼴 아이콘 클래스를 사용한 태그는 더 이상 요소를 중첩하거나 텍스트를 포함해서는 안됩니다.
글꼴 아이콘 위치 변경 소스 파일 : CSS 위치에 대한 기본값 및 ../fonts/ 디렉토리에서 위치를 변경 해야하는 경우, 적은 수정 또는 컴파일 된 CSS.
팝업 메뉴를 아래로 당깁니다
에이. 아웃소싱 요소 b. 아래로 당기고 플립 업 트리거 c. 메뉴 목록
아웃소싱 요소 class.dropdown/.dropup {position}
풀 다운 및 플립 업 트리거 데이터 토글은 JS 후크에 사용되며 OUTER Element Open Class의 개구부 및 닫기를 전환합니다.
메뉴 목록 DROPDOWN-MENU {위치/상단/왼쪽/z-index/float/padding/margin/border/box-shadow}}
eG : div> (버튼+ul) (기본값은 드롭 다운) div는 클래스를 추가 할 수 있습니다.
<div> <!-이 요소의 클래스는 드롭 다운/ 드롭업으로 설정 될 수 있습니다. 또는 위치로 별도로 스타일로 설정할 수 있습니다. -> <!-아웃소싱 요소-> <버튼 데이터-토글 = "드롭 다운"> <!-팝업 트리거-> 드롭 다운 <Span> </span> </button> <ul> <!-팝업 메뉴-> <li> <a href = "#"> Action </a> </li> <li> <a href = "#"> </li> <<a href = "<a href ="> 여기 </a> </li> <li> <a href = "#"> 분리 된 링크 </a> </li> </ul> </div>
팝업 메뉴를 당기십시오 - 정렬
기본값 정렬
왼쪽 정렬. DROPDOWN-MENU-LEFT {오른쪽/왼쪽}
오른쪽 정렬. DROPDOWN-MENU-RIGHT {오른쪽/왼쪽}
다른 요소 오버 플로우로 인한 요소는 차단되며 스스로 해결해야합니다.
<ul> ... </ul>
팝업 메뉴 - 메뉴 제목을 당기십시오
title.drop-header {font-size/color}
<ul> ... <li> 드롭 다운 헤더 </li> ... </ul>
팝업 메뉴 드라이빙 라인으로 끌어 당깁니다
분배기 {높이/마진/배경색}--role = "분리기"
<ul> ... <li 역할 = "분리기"> </li> ... </ul>
풀다운 팝업 메뉴-메뉴 비활성화
비활성화 {color}
<ul> ... <li> <a href = "#"> 비활성화 된 링크 </a> </li> ... </ul>
위의 내용은 편집자가 소개 한 부트 스트랩 구성 요소에 대한 관련 지식입니다. 나는 그것이 당신에게 도움이되기를 바랍니다!