Bootstrap All CSS Classes (w3schools.com)
Bootstrap All CSS Classes
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
기본적이고 많이 사용하는 css, js를 모아둔 사이트로 사용법에 대해 정리해보자.
세 가지 주소 적어주기
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>안 적으면 무용지물,,
<div></div>등의 태그로 묶어둔 곳에 내가 사용할 작업물의 class를 정의
<body>
<div class="container">
<div class="row">
<div class="col-lg-10">
<h1>제목</h1>
<p>
내용...<br />
내용...<br />
내용...<br />
내용...<br />
내용...<br />
</p>
...
이런식으로
class는 정말 다양하고 많이 때문에 공식 홈페이지(Getting started · Bootstrap (getbootstrap.com))에서 가이드 파일을 다운받아 살펴보고 적용해본다.
'기타' 카테고리의 다른 글
| PC 갑자기 물음표 거꾸 입력될 때/띄어쓰기 두 배로 넓어졌을 때 해결 (0) | 2024.08.14 |
|---|---|
| 로스트아크 API KEY발급받는 법, 아이스펭 각인 계산기에 적용하기 (0) | 2023.03.06 |
| 블로그 과제 코드모음 (0) | 2022.11.05 |
댓글