inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

작정하고 장고! Django로 Pinterest 따라만들기 : 바닥부터 배포까지

Bootstrap 을 이용한 Form 디자인 정리

23강 bootstrap form 질문

251

고대훈

작성한 질문수 4

0

강의를 똑같이 진행하고 있는데 강사님 화면이랑 다르네요...

{% bootstrap_form from %} 으로 form에 bootstrap을 적용시켜도 저는 UserName, Password , input:text와 같은 요소들이 margin이 없이 서로 붙어있어요...ㅠㅠ

강사님 화면은 알아서 margin 설정되는 것 같은데

왜 이런 건가요?

제 화면은 아래와 같습니다.

python django docker

답변 1

0

Hyong Sok Park

안녕하세요.
질문 확인했습니다.

일단 해당 내용을 저도 한번 재현해보았는데,
작성자님 처럼 Margin 이 없는 형식으로 출력되는 것을 확인했습니다.

아무래도 Bootstrap 라이브러리 내부의 디자인 구조가 변경된 것으로 보입니다.
해당 form-group 클래스에 적용되는 margin-bottom 값이 이전에는 있었는데,
최근 버전에서 이 값이 0로 수정된 것 같아요.

그래서 만약 제 디자인과 같게 하고 싶으시다면,
이후 커스텀 css 를 작성하시면서 form-group 의 margin-bottom 값을 조정해주신다면, 
원하시는 레이아웃을 얻을 수 있을 것으로 보입니다.

답변이 도움이 되셨길 바랍니다!

좋은하루 보내시구요!
감사합니다-

강의에 나왔던 js 파일이 깃허브에 없습니다

1

79

1

모바일 디버깅, 반응형 레이아웃 4분48초 질문

0

57

1

decorator 관련질문입니다.

0

63

1

PasswordChangeView

0

104

2

로그아웃뷰 작동 관련 (2025년 3월)

1

138

1

실행에러질문

0

159

1

@login_required 데코레이터 사용시 리다이렉트는 어디서 참조하여 설정을 하는걸까요?

0

116

1

CacheBackend 관련 에러

0

181

1

21강 CreateView를 통한 회원가입 구현 질문

0

326

1

53강 disallowedhost

0

347

2

502 Bad Gateway

0

474

0

mariadb 접근권한 오류

0

546

1

logout 후 빈 화면으로 이동합니다 ㅠㅠ

0

462

2

로그아웃 후 빈 화면으로 이동

0

333

1

서버 운영 관련 질문 드립니다.(Unable to retirve...)

0

232

1

static/base.css파일을 인식을 못합니다

0

383

1

안녕하세요 19강 디버깅 설정 질문있습니다.

0

292

1

프로필 update편 질문있습니다.

0

380

1

수업질문

0

395

1

COOP error

0

531

1

61강 Dockerfile error

0

598

1

static안에 base.css 에서 정의한 클래스가 적용되지 않습니다.

0

492

1

static 파일 중 jpg 파일만 로드 불가

0

419

1

58강 static 파일 적용 안됨

0

548

1