부트스트랩 기본 사용법

클래스 사용법

• container : div의 전체적인 영역
• row : 수평으로 영역을 구분
• col-md-4 : 수직으로 영역을 구분, 디바이스별로 영역을 따로 저장할 수 있다. (BS홈페이지 그리드시스템 참고)

 

구조는 container -> row -> col 순으로 잡아야함.

<div class = "container">
	<div class = "row" >
    	<div class = "col-md-4" ></div>
    </div>
</div>

 

주의할 점

css에서 background-img 속성으로 이미지를 넣을 때 오류가 난다.

( Failed to load resource: net::ERR_FILE_NOT_FOUND )

 

왜 이런 오류가 나는지는 모르겠지만 이미지는 html에서 불러오는걸로하자.

 

 

 

<참고사이트>

 

1. 공식사이트

https://getbootstrap.com/docs/5.0/getting-started/contents/

Contents

 

http://bootstrapk.com/css/

CSS · 부트스트랩

 

2. 블로그

 

공식사이트보다 이분 블로그글이 훨씬 더 잘 읽혀진다. 

https://dinfree.com/lecture/frontend/122_css_6.html

CSS 프로그래밍 기초