2026, 새로운 도약을 시작합니다.

그리드 질문 좀 드리겠습니다. 채택완료

그리드 부분입니다.

 1줄 12그리드 입니다.

<div class="col-xs-6 col-sm-3"></div>

<div class="col-xs-6 col-sm-3"></div>

여기에 뭔가를 해야 할것 같은데요~

<div class="col-xs-6 col-sm-3"></div>

<div class="col-xs-6 col-sm-3"></div>

pc에서는 이렇게 나오고요~

1 2 3 4


모바일에서는 2칸씩 2줄 나옵니다.

1 2
3 4

질문은 모바일에서 2칸씩 2줄 나올때 12번 줄과 34번 줄의 중간에 간격이 필요한데 그냥 붙어버리는데요~

어떻게 처리 하나요?

제가 원하는건 모바일에서 아래처럼 중간에 간격이 필요하거든요~

변수로 만들어서 강제로 하면 되는데 그리드가 가능할것 같아서요~

1 2

여기 간격

3 4

답변 2개

채택된 답변
+20 포인트

"여기" 부분에 이렇게 넣어보세요.

<div class="col-xs-12 visible-xs"></div>

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

답변에 대한 댓글 1개

감사합니다.

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

div 하나 하시고 미디어 쿼리로 모바일 크기에서만 나오게 하시면 될거 같습니다.

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

답변에 대한 댓글 1개

좀더 참고가 되었습니다.

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

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

로그인
🐛 버그신고