트위터 부트 스트랩 두 섹션에 대한 배경 이미지

트위터 부트 스트랩을 사용하고 있으며 상단 섹션과 하단 섹션이있는 한 페이지 웹 사이트가 있습니다. 각 섹션마다 다른 배경 이미지를 배치하고 싶습니다. 그러나, 나는 그것을 작동시킬 수없는 것 같습니다 - 어떤 제안이 있습니까?트위터 부트 스트랩 두 섹션에 대한 배경 이미지

<section class="container-fluid"> 
<div class="row-fluid"> 
    <div class="span4 offset4"> 
    <br /> 
     <img src="images/logo.png" width="400" height="400" image alt="image" /> 
    </div> 
</div> 
<div class="row12"> 
    <h3><p class="text-center"></p></h3> 
    <h4><p class="text-center"></p></h4> 
    <h4><p class="text-center"></p></h4> 
    <br /> 
    <br /> 
</div> 
<div class="row-fluid"> 
<ul class="thumbnails"> 
    <li class="span1 offset4"> 
     <a href="#" class="thumbnail"> 
      <img src="images/MAIL_icon.png" width="50" height="50" image alt="image" /> 
     </a> 
    </li> 
    <li class="span1"> 
     <a href="#" class="thumbnail"> 
      <img src="images/DRIBBBLE_icon.png" width="50" height="50" image alt="image" /> 
     </a> 
    </li> 
    <li class="span1"> 
     <a href="#" class="thumbnail"> 
      <img src="images/TWITTER_icon.png" width="50" height="50" image alt="image" /> 
     </a> 
    </li> 
    <li class="span1"> 
     <a href="#" class="thumbnail"> 
      <img src="images/INSTAGRAM_icon.png" width="50" height="50" image alt="image" /> 
      </a> 
     </li> 
    </ul> 
</div> 
</section>

내 CSS : 당신의 다른 섹션

#top_section {background-image: url(images/urban_lights.png);

}

출처

2013-03-03 Looneyviticus

지정 다른 배경

여기 내 HTML입니다.

#topSection { 
    background-image: url("url/to/image.jpg"); 
} 
#bottomSection { 
    background-image: url("url/to/image.jpg"); 
}

출처

2013-03-03 02:49:02 Starx

Starx 감사합니다. 그림을 전폭으로 만들려면 어떻게해야합니까? 또한, 나는 그것이 중복된다고 말하기 때문에 무효 마크를 얻고있다. " – Looneyviticus

@ user2127994 코드를 보여주십시오. – Starx

당신의 CSS와 이미지는 루트 디렉토리의 시도에있는 별도의 폴더에있는 경우 : 빠른 응답을위한

#top_section {background-image: url(../images/urban_lights.png);

출처

2013-03-03 04:02:15 TDNS

트위터 부트 스트랩 두 섹션에 대한 배경 이미지

답변

관련 문제