inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기

프로젝트 1 - Slogan & Features Section

슬로건

238

LeeGunWoo

작성한 질문수 65

0

div.card.card-body.slogan-card를 제가 좀 이해가 되지 않네요 ㅠ 
어떻게 해석을 해야 할까요? 
그리고 

h1.mb-3.mb-3은 어떤 기능인지.. 
mb-3가 
margin-bottom : 1rem
1rem == 16px로 알고 있는데 맞나요? 

HTML/CSS 웹 디자인 bootstrap javascript

답변 1

0

Self-coding

안녕하세요.

답변이 좀 늦었습니다.

 

강의 중에 div.card.card-body.slogan-card이라고 타이핑하고 탭키를 누르게 되면

<div class="card card-body slogan-card"></div>라고 자동 완성이 됩니다.

 

비주얼 스튜디오 코드에디터에서는 기본적으로 자체내장되어 있는 익스텐션(확장) 기능인데

이 익스텐션 플러그인을 emmet이라고 합니다.

 

다른 코드에디터(예를 들어 sublime text2라든지 atom 에디터)는 이 기능을 별도로 설치하셔야 해요.

 

동영상 초반에 코드 에디터 설명하면서 아주 간단히 설명하긴 했는데, 

좀 부족했던가 봅니다.

 

유튜브에서 코드에디터, emmet 등의 키워드로 검색해보시면 이 기능들을 자세히 볼 수 있습니다.

 

다음,

h1.mb-3.mb-3 부분은... 이것도 역시 emmet을 이용해서 타이핑한 것 같은데...

 

제가 혹시 강의 도중 이렇게 타이핑했었나요??

아마 mt-3이나 ms-3 또는 me-3을 잘못 입력한 게 아닌가 싶네요.

(어떤 동영상 강의 편인지 알려 주시면 전체 공지하겠습니다.)

 

mb-3, mt-3, ms-3, me-3 등 대쉬(-) 다음 3은 부트스트랩에서 디폴트 단위로 1rem인데,

별도로 1rem을 지정하지 않았다면 기본적으로 16px이 맞습니다.

 

문의주셔서 감사드리고,

또 혹시 이해가 되지 않는 부분이 있으면 문의주세요.

 

 

services-col mx-2 my-3

0

67

2

단축키 질문

0

63

1

부트스트랩 + *.css 함께 사용하는 이유와 분리 기준이 궁금합니다.

0

303

2

프로젝트3의 툴팁에서

1

337

2

프로젝트1 번의 Navigation 강의부에서 질문입니다.

0

371

1

게시판을 추가할 수 있는 방법이 있을까요?

0

735

1

프로젝트 2 이미지 깨짐 현상

0

1187

1

프로젝트 1- Service Section 에서 app.js에서 syntaxError가 납니다.

0

307

1

자식에 position:absolute;를 쓰지 않고, 바로 top 설정이 가능한가요?

0

364

2

cdn.js를 실제 프로젝트에 써도 문제가되지 않나요!?

0

533

1

carousel 구현에서 사용된 아이디가 중복 사용 가능한가요?

0

376

1

kakao map이 mobile에서도 가능하게 하려면 어떻게 할까요?

0

316

1

-webkit- 접두어가 안붙습니다.

0

405

1

브레이크 포인트 관련 문의

0

268

1

a:hover {color }

2

470

4

Post Content -2 질문

0

208

1

아니 선생님 이게 뭡니까 프로젝트3 Blog CTA Modal 파트

0

330

2

hover

0

329

1

box 공부중 질문있습니다

0

341

3

뭐가 잘못 된지 모르겠습니다.

0

302

2

강의보고 따라하는데 안됩니다.

0

310

3

3:10 -> 3:16 코드 질문 있습니다^^

0

289

2

card와 card-body 의 차이점

0

694

2

px-md-3

0

383

2