bootstrap 썸네일형 리스트형 [Bootstrap] Collapse / 접힌 목록 Collapse / 접힌 목록 몇 가지 클래스와 JavaScript 플러그인을 사용하여 프로젝트 전체의 콘텐츠 가시성을 전환합니다. 클래스 변경을 통해 다른 요소를 표시하거나 숨기려면 아래 버튼을 클릭하세요. . collapse는 콘텐츠를 숨 깁니다. . collapsing은 전환 중에 적용됩니다. . collapse.show는 콘텐츠를 보여줍니다 href 속성이있는속성이 있는 링크 또는 data-target 속성이 있는 버튼을 사용할 수 있습니다. 두 경우 모두 data-toggle = "collapse"가 필요합니다. Link with href Button with data-target Anim pariatur cliche reprehenderit, enim eiusmod high life accus.. 더보기 [Bootstrap] Badges / 배지 Badges / 배지 배지, 소량 및 라벨링 구성 요소에 대한 문서 및 예제. 배지는 상대적인 글꼴 크기 및 em 단위를 사용하여 바로 상위 요소의 크기와 일치하도록 크기를 조정합니다. Example heading New Example heading New Example heading New Example heading New Example heading New Example heading New 배지는 카운터를 제공하는 링크 또는 버튼의 일부로 사용할 수 있습니다. Notifications 4 사용 방법에 따라 화면 판독기 및 유사한 보조 기술 사용자에게 배지가 혼동을 줄 수 있습니다. 배지 스타일링은 목적에 대한 시각적 단서를 제공하지만 이러한 사용자에게는 배지의 내용이 표시됩니다. 특정 상황에 따라.. 더보기 [Bootstrap] Alerts / 경고 Alerts / 경고 소수의 사용 가능하고 유연한 경고 메시지와 함께 일반적인 사용자 작업에 대한 상황 별 피드백 메시지를 제공합니다. 모든 길이의 텍스트와 선택적인 닫기 버튼에 대해 경고를 사용할 수 있습니다. 적절한 스타일을 지정하려면 8 개의 필수 콘텍스트 클래스 중 하나를 사용하십시오 (예 : .alert-success). 인라인 해제의 경우 경고 jQuery 플러그인을 사용하십시오. This is a primary alert—check it out! This is a secondary alert—check it out! This is a success alert—check it out! This is a danger alert—check it out! This is a warning alert—.. 더보기 [Bootstrap]Slide Caption Slide Caption First slide label Nulla vitae elit libero, a pharetra augue mollis interdum. Second slide label Lorem ipsum dolor sit amet, consectetur adipiscing elit. Third slide label Praesent commodo cursus magna, vel scelerisque nisl consectetur. Previous Next Slide Caption First slide label Nulla vitae elit libero, a pharetra augue mollis interdum. Second slide label Lorem ipsum dolor sit am.. 더보기 [Bootstrap]Modal view Modal View modal view title × content Close Saves modal view Modal title × ... Close Save changes 더보기 [Bootstrap]Card Bootstarp Card My Card text text More My Card text text More 더보기 [Bootstrap]Button Bootstarp Button Button Default Primary Secondary Success Danger Warning Info Light Dark Link Default Primary Secondary Success Danger Warning Info Light Dark Link Button btn-outline Default Primary Secondary Success Danger Warning Info Light Dark Link Default Primary Secondary Success Danger Warning Info Light Dark Link Button btn-lg Default Primary Secondary Success Danger Warning Info Light D.. 더보기 이전 1 다음