inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

프로젝트 1 - Intro Section

px-md-3

382

날아라숑

작성한 질문수 15

0

px-md-3을 풀어서 말로 다시한번 설명해 주시겠으면 감사하겠습니다. 

 

HTML/CSS 웹 디자인 javascript bootstrap

답변 2

0

날아라숑

감사합니다.

0

Self-coding

px- 클래스는 css에서 padding-left와 padding-right를 동시에 적용할 수 있는 부트스트랩 여백 클래스 접두어입니다. 즉 x 축으로 padding 내적여백을 조정하는 것이죠.

 

여기에 부트스트랩의 break point 접속어가 들어가면 각각의 정해진 디바이스 폭에 따른 좌우 padding을 정할 수 있습니다.

md는 미디엄 이상에서 사이즈가 768픽셀 이상일 때 px-3 (3은 디폴트로 일반적으로는 1rem = 16px을 의미)의 효과를 가지게 됩니다.

 

답변이 늦어 죄송합니다.

services-col mx-2 my-3

0

66

2

단축키 질문

0

61

1

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

0

297

2

프로젝트3의 툴팁에서

1

337

2

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

0

366

1

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

0

730

1

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

0

1183

1

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

0

301

1

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

0

359

2

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

0

531

1

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

0

372

1

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

0

312

1

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

0

403

1

브레이크 포인트 관련 문의

0

267

1

a:hover {color }

2

466

4

Post Content -2 질문

0

208

1

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

0

329

2

hover

0

327

1

box 공부중 질문있습니다

0

338

3

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

0

298

2

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

0

306

3

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

0

286

2

card와 card-body 의 차이점

0

691

2

a:hover

0

291

2