13일차 - 부트스트랩3) div영역 재배치

밀레·2022년 10월 12일
0

코딩공부

목록 보기
44/135
post-thumbnail

1. div class="container" 안에 잘라 옮기기

container - row - col은 패키지다!
캡쳐 없음. 알아서 구역별로 옮겨넣으시라

before



after

2. inline-block 해제 → li 일렬로 배치

li는 원래 블록형 태그


3. text-right로 바꾸면 끝!


4. 클릭 시, 이미지 변동 (mix-up 플러그인)

4-1) tap 객체에게 반드시 class="filter" 삽입하고

4-2) data-filter=".identity"

아래 이미지에서는 ".boot" ".ec" ".sir" ".react" ".plan"

4-3) 대상 썸네일은 class="mix identity" 반드시 삽입

4-4) tab 객체의 data-filter 클래스로 걸러낸다. (밑줄)


5. 미디어쿼리로 container 너비 확장

0개의 댓글