질문과 답변 (구)

최근본상품
TOP
DOWN

질문과 답변 (구)

footer 영역 와이드하게 만들고 싶어요..

2016.10.11 11:56 559 2

본문

이윰도 부트스트랩도 넘나초보라 매일 고생중이네요..ㅠ

 

현재 footer와 서브페이지에서 경로와 서브제목 뜨는 영역이 컨텐츠처럼 가로 1170px로 뜨는데요..

footer를 여기 이윰사이트처럼 와이드하게 꽉차게 조절하고 싶은데 아래 footer 코드에서 사이즈 관련 지정되어 있는부분이 있나요??

현재 작업중인 url도 함께 올릴께요..

http://drkim.ucoworks.com

 


<!--{* Footer *}-->
        <!--{? color == 'white'}-->
        <div class="footer footer-light">
        <!--{: color == 'black'}-->
        <div class="footer footer-dark">
        <!--{/}-->
            <div class="container">
                <div class="row">
                    <!--{* ------------- About Us 영역 시작 ------------- *}-->
                    <div class="col-md-4 sm-margin-bottom-30">
                        <div class="heading-footer"><h4>About Us</h4></div>
                        <!--{* 아래 문구를 수정하세요. *}-->
                        <p class="margin-bottom-15">항상 노력하는 자세로 고객의 만족을 최우선으로 하고 여성의 아름다움을 극대화 할 수 있는 방법을 연구하여 시술하고 있습니다.</p>
                        <ul class="social-icons">
                            <!-- <li><a href="#" class="social_facebook"></a></li> -->
                           <!--  <li><a href="#" class="social_twitter"></a></li> -->
                            <!-- <li><a href="#" class="social_google"></a></li> -->
                            <!-- <li><a href="#" class="social_kakaostory"></a></li> -->
                            <!-- <li><a href="#" class="social_band"></a></li> -->
                            <!-- <li><a href="#" class="social_youtube"></a></li> -->
                            <!-- <li><a href="#" class="social_instagram"></a></li> -->
                            <!-- <li><a href="#" class="social_pinterest"></a></li> -->
                            <!-- <li><a href="#" class="social_behance"></a></li> -->
                            <!-- <li><a href="#" class="social_tumblr"></a></li> -->
                        </ul>
                    </div>
                    <!--{* ------------- About Us 영역 끝 ------------- *}-->

                    <!--{* ------------- Recent Notice 영역 시작 ------------- *}-->
                    <!-- <div class="col-md-3 sm-margin-bottom-30">
                        <div class="heading-footer"><h4>Recent Notice</h4></div>
                        {* 아래 bo_table=게시판id 설정 *}
                        {latest->latest_eyoom('footer_latest','bo_table=게시판id||count=3||cut_subject=40')}
                    </div> -->
                    <!--{* ------------- Recent Notice 영역 끝 ------------- *}-->

                    <!--{* ------------- Information 영역 시작 ------------- *}-->
                    <div class="col-md-4 sm-margin-bottom-30">
                        <div class="heading-footer"><h4>Information</h4></div>
                        <ul class="list-unstyled footer-link-list">
                            <li><a href="{C.G5_URL}/page/?pid=aboutus">About Us</a></li>
                            <li><a href="{C.G5_URL}/page/?pid=provision">이용약관</a></li>
                            <li><a href="{C.G5_URL}/page/?pid=privacy">개인정보 취급방침</a></li>
                            <li><a href="{C.G5_URL}/page/?pid=noemail">이메일 무단수집거부</a></li>
                            <!-- <li><a href="{C.G5_URL}/page/?pid=contactus">Contact Us</a></li> -->
                        </ul>
                    </div>
                    <!--{* ------------- Information 영역 끝 ------------- *}-->

                    <!--{* ------------- Contact Us 영역 시작 ------------- *}-->
                    <div class="col-md-4">
                        <div class="heading-footer"><h4>Contact Us</h4></div>
                        <ul class="list-unstyled contactus">
                            <!--{* 아래 사이트정보를 수정하세요. *}-->
                            <li>
                                <i class="fa fa-map-marker"></i>
                                [16489] 경기도 수원시
                            </li>
                            <li>
                                <i class="fa fa-phone"></i>
                                TEL : <br>
                                FAX : 
                            </li>
                            <li>
                                <i class="fa fa-globe"></i>
                                <a href="mailto:webmaster@site.name">webmaster@site.name</a><br>
                                <a href="#">http://사이트주소</a>
                            </li>
                        </ul>
                    </div>
                    <!--{* ------------- Contact Us 영역 끝 ------------- *}-->
                </div>
            </div>

            <div class="copyright">
                <div class="container">
                    <p class="text-center">Copyright &copy; {config.cf_title}. All Rights Reserved.</p>
                </div>
            </div>
        </div>
        <!--{* End Footer *}-->

 


 

0
로그인 후 평가 가능합니다.
- 보리보링 - 회원등급 : 지하계 / Level 2
포인트 1,024
경험치 203
[레벨 2] - 진행률 1%
- 가입일 : 2016-10-07 10:02:51
- 서명 : 미입력
- 자기소개 : 미입력

댓글목록 2

이윰EGG님의 댓글

부트스트랩의 container 는 각 폭에 따라 width값이 설정되어 있습니다.
이점을 참고해 footer가 container 안에 들어가 있는지 확인해 보시기 바랍니다.

감사합니다.

축하합니다. 첫댓글 포인트 52포인트를 획득하였습니다.

보리보링님의 댓글

찾아내서 해결했습니다!! 도움 감사합니다^^

질문과 답변 (채택기능) 게시판이 신설되었습니다.
질문과 답변 (구) 게시판은 글쓰기가 제한되오니 착오 없으시길 바랍니다. (댓글 및 조회는 여전히 가능합니다.)

전체 2,800 건 - 50 페이지
제목
shimss 2016.10.14 414 0
maxform 2016.10.14 408 0
지은 2016.10.14 498 0
뱃짱 2016.10.13 444 0
보리보링 2016.10.11 560 0
지은 2016.10.11 595 0
지은 2016.10.11 458 0
보리보링 2016.10.10 414 0
두루정 2016.10.10 409 0
김탱 2016.10.09 566 0
삼삼이 2016.10.08 499 0
보리보링 2016.10.07 803 0
red123 2016.10.06 458 0
지은 2016.10.05 1,009 0
크림빠앙 2016.10.02 557 0