티스토리 뷰
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
</head>
<body>
<style type="text/css">@import url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css");</style>
<style type="text/css">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
<div class="container">
<h6>h6</h6>
<h5>h5</h5>
<h4>h4</h4>
<h3>h3</h3>
<h2>h2</h2>
<h1>h1</h1>
<h1 class="display-4">display-4</h1>
<h1 class="display-3">display-3</h1>
<h1 class="display-2">display-2</h1>
<h1 class="display-1">display-1</h1>
<h1 class="display-4 font-weight-bold">display-4 font-weifht-bold</h1>
<h1 class="display-4 font-italic">display-4 font-italic</h1>
<h1 class="display-4 font-left">display-4 font-left</h1>
<h1 class="display-4 font-center">display-4 font-center</h1>
<h1 class="display-4 font-right">display-4 font-right</h1>
<h1 class="display-4 text-primary">display-4 text-primary</h1>
<h1 class="display-4 text-seconday">display-4 text-secondary</h1>
<h1 class="display-4 text-success">display-4 text-success</h1>
<h1 class="display-4 text-danger">display-4 text-danger</h1>
<h1 class="display-4 text-warning">display-4 text-warning</h1>
<h1 class="display-4 text-info">display-4 text-info</h1>
<h1 class="display-4 text-light">display-4 text-light</h1>
<h1 class="display-4 text-dark">display-4 text-dark</h1>
<h1 class="display-4 text-muted">display-4 text-muted</h1>
<h1 class="display-4 text-white">display-4 text-white</h1>
<h1 class="display-4 text-white bg-primary">display-4 text-white bg-primary</h1>
<h1 class="display-4 text-white bg-secondary">display-4 text-white bg-secondary</h1>
<h1 class="display-4 text-white bg-danger">display-4 text-white bg-danger</h1>
<h1 class="display-4 bg-warning">display-4 bg-warning</h1>
<h1 class="display-4 text-white bg-info">display-4 text-white bg-info</h1>
<h1 class="display-4 bg-light">display-4 bg-light</h1>
<h1 class="display-4 text-white bg-darky">display-4 text-white bg-dark</h1>
</div>
</body>
</html>
가장 많이 사용하는 플러그인 부트스트랩에서 폰트크기 변경을 위해서는 일반적으로 아래와 같은 방법을 사용합니다.
멋진 웹사이트 반응형 모바일 페이지를 만들려면 반드시 알아야 할 부트스트랩....
갈길은 멀지만 하나둘 익혀보려고 합니다.
폰트에 생기를 불어 넣는 그날까지....
반응형
'IT tech Coding > CSS' 카테고리의 다른 글
CSS 파일 효율적 관리 방법 (0) | 2023.11.12 |
---|---|
[css] 게시판처럼 꾸밀때 라인한줄 동시 선택되는 CSS 꾸며보자. (0) | 2021.11.30 |
부트스트랩의 글자색 변경 쉬운방법 (0) | 2020.08.16 |
크롬에서 F5로 새로고침할때 바로 바로 적용이 안될때, 특히 CSS파일 (0) | 2019.07.10 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- td요소중에 1행과 1열은 제외
- 코딩효율성
- 2분후종료오토핫키
- 카페24가비아phpinfo수정
- 오토핫키에디터창업데이트금지하기
- 효율적코딩방법
- 자바스크립트한글입력시반응하도록만드는코드
- chatGPT3.5파이썬버전
- #독립실행파일
- #InstallForge
- #소프트웨어배포
- sql문장 날짜계산
- #cx_Freeze
- #InnoSetup
- 스크립트작성기초
- Bootstrap 5
- #파이썬패키징
- #NSIS
- 프로그래머생활
- 자바스크립트 한글초성
- 파이썬코드줄바꿈방법
- 오토핫키가이드
- 작업공정에 대한 코드작성
- .htaccess수정
- 코딩튜토리얼
- 테크에능한여성
- 뫄프로그래밍
- #프로그램설치
- General error: 2031
- #파이썬인스톨러
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함