인프런 커뮤니티 질문&답변

고대훈님의 프로필 이미지
고대훈

작성한 질문수

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

Bootstrap 을 이용한 Form 디자인 정리

23강 bootstrap form 질문

작성

·

188

0

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

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

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

왜 이런 건가요?

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

답변 1

0

Hyong Sok Park님의 프로필 이미지
Hyong Sok Park
지식공유자

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

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

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

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

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

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

고대훈님의 프로필 이미지
고대훈

작성한 질문수

질문하기