테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

부트스트랩 그리드에서 궁금한것이 있습니다! 채택완료

초보자나요 8년 전 조회 6,280
답변 4
목록

 

현재 이렇게 되어있는데요

 

 


 

이런식으로 컬럼마다 여백이 들어가도록 깔끔하게 정리되는 클래스가 있을까요?

 


 

#부트스트랩
댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
m
minxs
8년 전
col-로 시작하는 클래스에 패딩  추가

[class^='col-'] {padding:20px;}
로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

�
초보자나요
8년 전
위 명령어는 어디에 넣어야하나요? css에 넣어야 하나요?
s
sinbi
8년 전
이런 것도 가능한가 보군요....

근데, 이 식은, 확장자가 CSS인 파일에 넣어 사용해도 작동하는 건가요?
m
minxs
8년 전
사용중인 CSS파일에 추가해주시면 됩니다.

댓글을 작성하려면 로그인이 필요합니다.

그

margin값을 넣게되면 그리드가 무너지니

padding값을 이용하여 width % 값 안에 넣어 그값을 더한것이 해당 그리드 width %값이어야합니다.

 

혹은 해당 그리드 시스템을

 

row로 감싸주어 적용해보세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

m
minxs
8년 전

사용중인 CSS파일에 추가해주시면 됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

블
블랙캣77
8년 전

패딩값을 주면 안되나요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
초보자나요
8년 전
패딩값을 주면 단순 컬럼 내부에 여백을 주는거라서요.
그렇다고 마진을 주면 컬럼이 깨져버립니다.

현재 col-md-4 씩 주었는데
부트스트랩에서 기본기능에 여백이라던가 이런것이 있는지 해서요.

그리고 div 로 패딩을 줘서 한번 감쌀수도 있지만
그렇게 되면 해당 div 를 반응형에 맞게 모두 수정해야해서
혹시라도 기본 기능이 있을가 해서 질문을 남겼어요 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인