부트 스트랩 반응 형 커팅 바닥 글 배경

문제가 있습니다. 트위터 부트 스트랩을 내 웹 사이트의 프레임 워크로 사용하고 있습니다. http://www.bouq.de. 이제는 반응 형 기능을 사용할 수있게되었습니다. 320px 너비의 스마트 폰에서 사이트를 보거나 브라우저 창을 작은 크기로 조정하면 바닥 글의 배경이 약 20px만큼 여백이 잘립니다. 하지만 바닥 글 배경을 전체 너비로 보여주고 싶습니다.부트 스트랩 반응 형 커팅 바닥 글 배경

같은 절차를 수행 할 때처럼 http://twitter.github.com/bootstrap/을 사용하면 바닥 글 배경에 여백을 넣을 수 있습니다.

그리고이 만드는 방법을 아주 잘 모르겠어요 이제 :)

여기

는 upplex-framework- 당신의 반응 CSS 라인 (964)에 내 바닥 글 코드

<footer> 
<section class="footer-top"> 
    <div class="container" > 
     <div class="row"> 
      <div class="span4"> 
       <div class="bouq-footer-desc-wrapper"> 
        <img src="<?php bloginfo('template_url');?>/img/bouq-logo-footer.png" /> 
        <p class="bouq-footer-desc">bouq. ist eine kreative Künstlerplattform mit familiärem Charakter, fokussiert auf die Produktion und Vermarktung von anspruchsvoller, elektronischer Musik und der damit verbundenen Kultur.</p> 
       </div> 
      </div> 
      <div class="span4"> 
       <?php if (function_exists('dynamic_sidebar')) dynamic_sidebar("footer-left"); ?> 
      </div> 
      <div class="span4"> 
       <?php if (function_exists('dynamic_sidebar')) dynamic_sidebar("footer-right"); ?> 
      </div> 

     </div> 
    </div> 
</section> 
<section class="footer-bottom"> 
    <div class="container" > 
     <div class="row"> 
      <div class="span12"> 
       <div class="law"> 
        <a href="/impressum">Impressum</a> | <a href="mailto:[email protected]">Kontakt</a> | &copy; bouq. c/o Level Eins <?php the_time('Y') ?> | designed by <a href="http://www.upplex.de" target="_blank" rel="tooltip" data-placement="top" title="Webdesign by upplex.de" >upplex</a> <p class="pull-right"><a href="#">Nach oben</a></p> 
       </div> 
      </div> 
     </div> 
    </div> 
</section>

출처

2012-09-26 mat0r

입니다 responsive.min.css를 사용하면 다음과 같은 선언을 할 수 있습니다.

@media (max-width:767px) { body { 
    padding-left: 20px; 
    padding-right: 20px; 
    }}

몸 양쪽에 767px 여백. 이것을 제거/덮어 쓰기해야합니다.

출처

2012-09-27 00:02:59 justinavery

확인 감사합니다 :) 확인이 작동한다는 tryed – mat0r

나는 그것을 시도 할 것이다 그러나 그것은 안으로 2 래퍼에 패딩을 추가했다 :) 고정 일하다. 내가 할 때 위의 navbar는 좌우 20px 숨겨져 있습니다. 그리고 콘텐츠가이 설정으로 계속 유지되면 좋을 것입니다. – mat0r

가 좋아 나는

footer, .page-title-container { 
    margin-left: -20px; 
    margin-right: -20px; } 

.page-title-container-wrapper, .bouq-footer-ext {  padding: 0px 10px 0px 10px; }

그냥

출처

2012-09-27 01:29:02 mat0r

부트 스트랩 반응 형 커팅 바닥 글 배경

답변

관련 문제