Bootstrap 5

[typography] BS5 - .text-uppercase 클래스 - 텍스트를 대문자로 변환 (= .text-uppercase 클래스 = 텍스트어퍼케이스클래스)

목차
  1. .text-uppercase 예제 - 대문자로 변환
  2. .text-uppercase 정의

 

.text-uppercase 예제 - 대문자로 변환

 

<div class="container mt-3">

  <p class="text-lowercase">홈짱닷컴 Homzzang.com</p>

  <p class="text-uppercase">홈짱닷컴 Homzzang.com</p>      

  <p class="text-capitalize">홈짱닷컴 Homzzang.com</p>

</div>

 

결과보기

 

.text-uppercase 정의

 

영문 텍스트를 대문자로 변환.

 


[정의]

 

.text-uppercase {

  text-transform: uppercase !important;

}

 



분류 제목
basic BS5 - Nav (네브) - 간단메뉴 + 일반탭 + 알약탭
basic BS5 - Navbar (메뉴바) - 네비게이션 메뉴바 (= 네브바 = 네비바) ※ BS5분기점
basic BS5 - Carousel (BS캐러셀) ※ Slideshow (슬라이드쇼)
basic BS5 - Modal (BS모달)
basic BS5 - Tooltip (BS툴팁 = BS말풍선 허버형)
basic BS5 - Popover (BS팝오버) ★ - 클릭형말풍선
basic BS5 - Toast (BS토스트) - 순간말풍선 (= 팝업상자 = 짧은경고창 = 스낵바)
basic BS5 - Scrollspy (BS스크롤스파이) - 원페이지메뉴링크 (= 내부링크)
basic BS5 - Offcanvas (오프캔버스) - 숨겨진 사이드바 메뉴
basic BS5 - Utilities (BS유틸클래스) ★★★★★
basic BS5 - Flex (BS플렉스박스) ★★★★★
form BS5 - Form (BS폼양식)
form BS5 - Select Menu (실렉트메뉴) / Datalist (데이터리스트)
form BS5 - Checkbox (체크박스) / Radio button (라디오버튼) / Toggle Switch…
form BS5 - Range (레인지: 범위지정)
form BS5 - Input Group (BS입력그룹 = BS인풋그룹)
form BS5 - Form Floating Labels (폼 플로팅 라벨) ※ placeholder (플레이스홀더)
form BS5 - Form Validation (폼유효성검사)
grid BS5 - Grid (BS그리드) - 반응형 레이아웃 ★★★
grid BS5 - Grid Stacked-to-horizontal (BS그리드 수직정렬 → 수평정렬)
2/4
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱닷컴 PC버전 로그인