티스토리 뷰
반응형
PHP에서 글자색상 정하고 모든 설정하는 것을 CSS 조작으로 했던 것들이 부트스트랩을 이용하면 쉽게 변경할 수 있다는 것이 정말 신기하게 변합니다.
부트스트랩의 묘미에 푹 빠질거예요~~
하나하나 만들어가는 재미가 솔솔해 집니다.
몰랐던 어제가 얼마나 부끄러운 어제인지... 깨닫게 되는 순간, 분명 신세계가 열리는 것이지요.
반응형
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script>
<style>
span {
font-weight: bold;
font-size: 2em;
}
</style>
<span>일반</span>
<span class='text-muted'>뮤트</span>
<span class='text-primary'>중요</span>
<br>
<span class='text-success'>성공</span>
<span class='text-info'>정보</span>
<span class='text-warning'>경고</span>
<span class='text-danger'>위험</span>
이렇게 작성하면 이렇게 간단하지만 멋진 결과물이 출력되지요~
와우~ 놀라운 웹의 세상~
반응형
'IT tech Coding > CSS' 카테고리의 다른 글
To-Do 달력 제작을 위한 CSS 가이드 (0) | 2024.12.29 |
---|---|
CSS 파일 효율적 관리 방법 (0) | 2023.11.12 |
[css] 게시판처럼 꾸밀때 라인한줄 동시 선택되는 CSS 꾸며보자. (0) | 2021.11.30 |
부트스트랩 폰트크기 변경등 폰트변형하는 방법 (0) | 2020.08.15 |
크롬에서 F5로 새로고침할때 바로 바로 적용이 안될때, 특히 CSS파일 (0) | 2019.07.10 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- #파이썬패키징
- 스크립트작성기초
- 코딩효율성
- 도면자동생성
- 엑셀입력보호
- json파일형태보기
- Bootstrap 5
- ajax오류메시지
- isset을 적용해야 하는 이유
- 오블완
- 뫄프로그래밍
- #프로그램설치
- 티스토리챌린지
- 테크에능한여성
- json파일편하게보는법
- 파이썬코드줄바꿈방법
- 캐드자동작도
- chatGPT3.5파이썬버전
- #InstallForge
- 효율적코딩방법
- 구글드라이브API
- coalesce는 한국어로 "코얼레스크" 또는 "코얼리스"
- sql문장 날짜계산
- 코딩튜토리얼
- General error: 2031
- 엑셀보호
- 오토핫키가이드
- 1. #웹개발 2. #로트번호 3. #성적서보기 4. #ajax 5. #jquery 6. #php 7. #프론트엔드 8. #백엔드 9. #부트스트랩 10. #웹기능구현
- 엑셀셀보호
- 프로그래머생활
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함