inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

프로젝트 1 - Intro Section

px-md-3

379

날아라숑

작성한 질문수 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

63

2

단축키 질문

0

58

1

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

0

281

2

프로젝트3의 툴팁에서

1

334

2

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

0

363

1

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

0

722

1

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

0

1179

1

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

0

291

1

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

0

351

2

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

0

530

1

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

0

364

1

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

0

308

1

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

0

400

1

브레이크 포인트 관련 문의

0

261

1

a:hover {color }

2

457

4

Post Content -2 질문

0

204

1

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

0

327

2

hover

0

323

1

box 공부중 질문있습니다

0

333

3

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

0

294

2

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

0

303

3

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

0

283

2

card와 card-body 의 차이점

0

680

2

a:hover

0

289

2