그리드 질문 좀 드리겠습니다.
본문
그리드 부분입니다.
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
"여기" 부분에 이렇게 넣어보세요.
<div class="col-xs-12 visible-xs"></div>
감사합니다.
div 하나 하시고 미디어 쿼리로 모바일 크기에서만 나오게 하시면 될거 같습니다.
좀더 참고가 되었습니다.
답변을 작성하시기 전에 로그인 해주세요.