부트 스트랩 배지 및 라벨

수다왕

· 8년 전 · 조회 2425 2425

부트 스트랩 배지 및 라벨

배지
배지는 링크와 연결된 항목 수를 수치화 한 것입니다.

숫자 (5, 10 및 2)는 배지입니다.

배지를 만들려면 요소 .badge내의 클래스를 사용하십시오 .

예
<a href="#">News 5</a> 
<a href="#">Comments 10</a> 
<a href="#">Updates 2</a>

배지는 버튼과 같은 다른 요소 내부에서도 사용할 수 있습니다.

다음 예제는 단추에 배지를 추가하는 방법을 보여줍니다.

예
<button type="button" class="btn btn-primary">Primary 7</button>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리싱강좌

글쓰기

번호	분류	제목	글쓴이	날짜	조회
298	CSS	반응형 네비게이션(햄버거 메뉴) 구현	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2개월 전	158
297	CSS	스크롤 애니메이션 인터랙션	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	360
296	CSS	이미지 비율 유지 반응형 처리	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	312
295	CSS	CSS 변수와 다크 모드 테마	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3개월 전	291
294	CSS	실무에서 자주 쓰이는 레이아웃 구성 방식 3가지	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4개월 전	416
293	CSS	반응형 웹을 위한 미디어쿼리 [1]	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4개월 전	368
292	CSS	display 속성 완전 이해하기	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4개월 전	287
291	CSS	텍스트 말줄임(...) 처리 – text-overflow: ellipsis	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4개월 전	292
290	CSS	간단한 반응형 폰트 설정 실전 팁	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4개월 전	340
289	CSS	박스 모델 완전 이해	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4개월 전	310
288	CSS	margin과 padding의 차이 완벽 이해	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5개월 전	393
287	CSS	CSS 트랜지션, 웹을 살아 숨 쉬게 합니다 [1]	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5개월 전	347
286	CSS	CSS의 기본 중의 기본: 박스 모델을 파헤쳐보자!	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5개월 전	344
285	CSS	Flexbox로 레이아웃을 자유롭게	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5개월 전	366
284	CSS	perspective와 transform-style: preserve-3d로 3D 공간만들기	선택과집중 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5개월 전	252
283	CSS	댓글 해킹 방어? & 강제 실행 방어 댓글 [8]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1523
282	CSS	CSS 스위치형 버튼 [4]	예뜨락 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2500
281	CSS	간단하게 메뉴꾸미기2 [13]	하늘뚱 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	4033
280	CSS	간단하게 메뉴꾸미기 1 [16]	하늘뚱 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	4555
279	반응형웹	html5 js 로 캔버스 그리기... - 사인입력 받을 때 응용하면 좋을 듯하네요	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2984
278	반응형웹	flex 와 grid 강의... 와... 대단함다@@ [1]	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2833
277	부트스트랩	비활성화 및 활성 항목 [2]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	5033
276	부트스트랩	드롭 다운 헤더 [7]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	6586
275	부트스트랩	드롭 다운 분배기 [2]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	4668
274	부트스트랩	부트 스트랩 드롭 다운	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	6699
273	부트스트랩	패널 바닥 글, 패널 그룹	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3365
272	부트스트랩	부트스트랩 패널 제목	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3204
271	부트스트랩	부트스트랩 panel	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3707
270	부트스트랩	부트스트랩 List Groups -> Custom Content	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3228
269	부트스트랩	부트스트랩 List Groups -> Contextual Classes	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	3105

[CSS] 반응형 네비게이션(햄버거 메뉴) 구현

선택과집중

부트 스트랩 배지 및 라벨

댓글 작성

게시판 목록

퍼블리싱강좌

[CSS] 반응형 네비게이션(햄버거 메뉴) 구현

[CSS] 스크롤 애니메이션 인터랙션

[CSS] 이미지 비율 유지 반응형 처리

[CSS] CSS 변수와 다크 모드 테마

[CSS] 실무에서 자주 쓰이는 레이아웃 구성 방식 3가지

[CSS] 반응형 웹을 위한 미디어쿼리 [1]

[CSS] display 속성 완전 이해하기

[CSS] 텍스트 말줄임(...) 처리 – text-overflow: ellipsis

[CSS] 간단한 반응형 폰트 설정 실전 팁

[CSS] 박스 모델 완전 이해

[CSS] margin과 padding의 차이 완벽 이해

[CSS] CSS 트랜지션, 웹을 살아 숨 쉬게 합니다 [1]

[CSS] CSS의 기본 중의 기본: 박스 모델을 파헤쳐보자!

[CSS] Flexbox로 레이아웃을 자유롭게

[CSS] perspective와 transform-style: preserve-3d로 3D 공간만들기

[CSS] 댓글 해킹 방어? & 강제 실행 방어 댓글 [8]

[CSS] CSS 스위치형 버튼 [4]

[CSS] 간단하게 메뉴꾸미기2 [13]

[CSS] 간단하게 메뉴꾸미기 1 [16]

[반응형웹] html5 js 로 캔버스 그리기... - 사인입력 받을 때 응용하면 좋을 듯하네요

[반응형웹] flex 와 grid 강의... 와... 대단함다@@ [1]

[부트스트랩] 비활성화 및 활성 항목 [2]

[부트스트랩] 드롭 다운 헤더 [7]

[부트스트랩] 드롭 다운 분배기 [2]

[부트스트랩] 부트 스트랩 드롭 다운

[부트스트랩] 패널 바닥 글, 패널 그룹

[부트스트랩] 부트스트랩 패널 제목

[부트스트랩] 부트스트랩 panel

[부트스트랩] 부트스트랩 List Groups -> Custom Content

[부트스트랩] 부트스트랩 List Groups -> Contextual Classes