0806 SeSAC(새싹) 3기 2일차

육은별·2021년 8월 10일
0

SeSAC(새싹)

목록 보기
2/31

Bootstrap -> css 프레임워크
프레임워크란? 개발을 시작하기 전에 자주 쓰이는 기능들을 미리 개발해둔 것.

Display : flex;
*flex는 가로정렬과 세로정렬이 가능하다.
class="d-flex justify-content-center"

col 비율은 12내에서 이뤄짐.
넘으면 아랫줄로 이동.
col-sm-3 (크기가 sm 이상일때 비율이 3이 된다는 것)

getting started에서 css 불러오시고,
js는 bundle과 separate로 나뉘어져 있을 거에요! 이 둘 중에 "하나만" 가져오셔야 합니다! 두 개 다 가져오면 js 기능에서 오류가 생깁니다~

부트스트랩 버전이 5로 바뀐지 얼마 안돼서 제가 미처 확인하지 못 하였네요ㅠㅠㅠ

  • 아까 collapse오류도 이 오류일 것으로 예상됩니다!

이렇게 style 에 width와 height로 이미지 크기 조절해주시면 됩니다 :)

carousel 이미지끼리 사이즈 맞추세요.

반응형디자인의 핵심
1. 위치를 바꾸는 것 (레이아웃 바꾸기)
2. 특정사이즈에서 없애거나 나타낼 것을 표현

profile
Front-end Engineer, Web Developer & UX/UI Design

0개의 댓글

관련 채용 정보