채택완료

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

0dd698c1d9b9b7ff4e6c3c2f827cd845_1485429252_5934.jpg

현재 이렇게 되어있는데요


0dd698c1d9b9b7ff4e6c3c2f827cd845_1485429252_6336.jpg

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

|

답변 4개 / 댓글 4개

채택된 답변
+20 포인트
col-로 시작하는 클래스에 패딩 추가
[class^='col-'] {padding:20px;}

답변에 대한 댓글 3개

위 명령어는 어디에 넣어야하나요? css에 넣어야 하나요?
이런 것도 가능한가 보군요....

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

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

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

혹은 해당 그리드 시스템을

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

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

패딩값을 주면 안되나요?

답변에 대한 댓글 1개

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

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

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

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