http://www.jisim.or.kr/index.php
현제 제작을 하고 있는데요
화면을 줄이게 되면 게시판 게시판과 오른쪽 이미지 그리고 아래 겔러리 게시판 들이
한줄로 주루루룩 나열이 되어야 하는데 그게 안되서요
어디를 수정을 해야 되는 것인지 고수님들의 답변좀 부탁 드립니다.
아 그리고 또한 겔러리가 가로로 4개가 나오는데요 여기서 3개만 나오고 위에 후원 배너를 아래 갤러리 옆에다가 넣고 싶습니다.
죄송합니다.
답변 3개 / 댓글 5개
그림자밟기클래스 변경 해 주시면 됩니다.
mb_bot => 삭제
mb_left => col-xs-12 col-sm-5 col-md-4 col-lg-3
머 이런식으로요. 부트스트랩 클래스 아래 링크에서 확인하시고 적용하시면 되겠네요.
답변에 대한 댓글 2개
이렇게 친절하게 답변 주셔서요
아 그리고 갤러리에 있는 저 9+ 버튼이 이미지 위로 가야 하는데 후원족에서 머물고 있습니다.
제가 말씀 드린 것은 이게 아닌데요ㅜㅜㅜㅜ
답변에 대한 댓글 1개
css로
줄일때의 배열을 맞춰주시면 될듯합니다.
소스봤는데...그냥 그 해당 갤러리부분div 삭제하고
후원에 해당하는 div를 그 칸에 넣은다음 너비css조정 해주면 될거같은데요...?
<div class="laGall">
<div class="thumbnail col-xs-6 col-sm-6 col-md-3 laThumb ">
<a href="#" title="포토갤러리 게시글 더보기">
<div class="laPics">
<img class="img_left" src="http://shindang.or.kr/data/editor/1710/thumb-2a81ab649132de630a0b8298d46fea38_1507884181_2119_265x163.jpg" alt="지심행사" width="265" height="163"/>
<div class="la_subject ">지심행사</div>
</div>
</a>
</div>
<div class="thumbnail col-xs-6 col-sm-6 col-md-3 laThumb dipN_480">
<a href="#" title="포토갤러리 게시글 더보기">
<div class="laPics">
<img class="img_left" src="http://shindang.or.kr/data/editor/1709/thumb-78734ca3ade0519fb106df647169270b_1506056139_7703_265x163.jpg" alt="지심행사" width="265" height="163"/>
<div class="la_subject ">지심행사</div>
</div>
</a>
</div>
<div class="thumbnail col-xs-6 col-sm-6 col-md-3 laThumb dipN_480">
<a href="#" title="포토갤러리 게시글 더보기">
<div class="laPics">
<img class="img_left" src="http://shindang.or.kr/data/editor/1709/thumb-71aa5470f7c4616cbba1ac9f77e30673_1505094379_104_265x163.jpg" alt="지심행사" width="265" height="163"/>
<div class="la_subject ">지심행사</div>
</div>
</a>
</div>
<style>
.mmt_right1 {float: left; font-family: NanumBarunGothicOTF, "나눔바른고딕", "나눔고딕", Ngothic; width: 20.74%; max-width: 224px; height: 225px; background: url(http://www.somangwf.net/img/main/love_call.png) no-repeat; color: #fff; font-size: 20px; text-align: center; line-height: 0.8; padding-top: 23px; background-position-x: center; }
</style>
<div class="mmt_right1">
후원문의<br />
<span class="bigtext">032-568-1254</span>
<span class="samlltext"><br />사랑을 나누는 만큼<br />우리의 희망은 자랍니다.</span>
</div>
</div>
</div>
이런식으로...?
답변에 대한 댓글 2개
.la_subject 의 width값도 90%말고 그냥 100%으로 놔도 무방할듯 합니다.
코드 적어놓은게 문제가 된다면 말씀해주세요 코드만 지워놓을께요.
답변을 작성하려면 로그인이 필요합니다.
썸네일에 있는 width,height값은 지워버리고 클래스에 img-responsive 주시면 알아서 폭 맞춥니다.