>  기사  >  웹 프론트엔드  >  부트스트랩의 어떤 클래스가 태그를 구현할 수 있나요?

부트스트랩의 어떤 클래스가 태그를 구현할 수 있나요?

青灯夜游
青灯夜游원래의
2021-11-11 14:45:221784검색

부트스트랩에서 ".label" 클래스는 레이블을 구현할 수 있습니다. 레이블은 "label-primary", "label-success", "label로 수정할 수 있습니다. -info" 등 레이블의 모양을 변경하는 클래스입니다.

부트스트랩의 어떤 클래스가 태그를 구현할 수 있나요?

이 튜토리얼의 운영 환경: Windows 7 시스템, 부트랩 버전 3.3.7, DELL G3 컴퓨터

부트스트랩에서 라벨은 페이지의 개수, 프롬프트 또는 기타 표시 표시에 사용될 수 있습니다. 다음 예와 같이 .label 클래스를 사용하여 레이블을 표시합니다.

<h1>Example Heading <span class="label label-default">Label</span></h1>
<h2>Example Heading <span class="label label-default">Label</span></h2>
<h3>Example Heading <span class="label label-default">Label</span></h3>
<h4>Example Heading <span class="label label-default">Label</span></h4>

부트스트랩의 어떤 클래스가 태그를 구현할 수 있나요?

는 수정된 클래스 label-default, label-primary, label-success, label-info, label-warning, label-danger를 사용하여 변경할 수 있습니다. 라벨 모양:

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

부트스트랩의 어떤 클래스가 태그를 구현할 수 있나요?

추천 학습: "bootstrap 사용 튜토리얼"

위 내용은 부트스트랩의 어떤 클래스가 태그를 구현할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.