保持鎖定到位DIV項目上移動調整大小

我有一個網站：http://tele-verse.com/site 保持鎖定到位DIV項目上移動調整大小

如果我有一個電話，合影和報價的圖像的股利。

我在相對於圖像的某個位置上有「告訴我更多」按鈕，並且當屏幕大小調整爲移動時，我想讓它們保持在同一位置。

有沒有辦法鎖定div中的項目到位？

這裏是我的代碼：

<div class="row"> 
     <div class="col-sm-4"> 
      <h4>Phone Systems</h4> 
      <h4>for All Sized Businesses</h4> 
      <div class='adPhotoBtn'> 
      <img src='http://tele-verse.com/site/wp-content/uploads/2015/09/phone.png' alt='phone' /> 
      <a href='http://tele-verse.com/site/contact/'><button type="button" class='adButton'>Tell Me More</button></a> 
      </div> 
     </div> 
     <div class="col-sm-4"> 
      <h4>Mitel MiCollab</h4> 
      <h4>solutions to keep your</h4> 
      <h4>business connected</h4> 
      <div class='adPhotoBtn'> 
      <img src='http://tele-verse.com/site/wp-content/uploads/2015/09/Collabphoto-transparent.png' alt='collaborate' /> 
      <a href='http://tele-verse.com/site/contact/'><button type="button" class='adButton'>Get Connected</button></a> 
      </div> 
     </div> 
     <div class="col-sm-4"> 
      <img class='quote' src='http://tele-verse.com/site/wp-content/uploads/2015/09/open-quotes.png' alt='"' /> 
      <p>I want you to know that we are very pleased with the quality of service Dan and the rest of your company provides. We sincerely appreciate your responsiveness and the way you conduct business.</p> 
      <img class='quote' src='http://tele-verse.com/site/wp-content/uploads/2015/09/close-quotes.png' alt='"' /> 
      <h6>MICHAEL GEIGER</h6> 
      <h6>IT Manager - Precision Gear</h6> 
     </div> 
</div>

來源

2015-09-24 tiaNaturally

似乎是工作的罰款，我 – NooBskie

@NooBskie我周圍添加，似乎工作，但有另一種/更好的辦法內容的DIV？ – tiaNaturally

我不知道我明白什麼是錯的，告訴我更多的按鈕對我來說工作得很好唯一讓你搞砸的是你的報價圖片是你指的是什麼？ – NooBskie

新增DIV項目周圍，並設置一個最大寬度似乎正常工作。

<div class="row"> 
     <div class="col-md-4 col-sm-4"> 
    <div class='homeAds'> 
      <h4>Phone Systems</h4> 
      <h4>for All Sized Businesses</h4> 
      <div class='adPhotoBtn'> 
      <img src='http://tele-verse.com/site/wp-content/uploads/2015/09/phone.png' alt='phone' /> 
      <a href='http://tele-verse.com/site/contact/'><button type="button" class='adButton'>Tell Me More</button></a> 
      </div> 
     </div> 
     </div> 
     <div class="col-md-4 col-sm-4"> 
    <div class='homeAds'> 
      <h4>Mitel MiCollab</h4> 
      <h4>solutions to keep your</h4> 
      <h4>business connected</h4> 
      <div class='adPhotoBtn'> 
      <img src='http://tele-verse.com/site/wp-content/uploads/2015/09/Collabphoto-transparent.png' alt='collaborate' /> 
      <a href='http://tele-verse.com/site/contact/'><button type="button" class='adButton'>Get Connected</button></a> 
      </div> 
     </div> 
     </div> 
     <div class="col-md-4 col-sm-4"> 
    <div class='homeAds'> 
      <img class='quote' src='http://tele-verse.com/site/wp-content/uploads/2015/09/open-quotes.png' alt='"' /> 
      <p>I want you to know that we are very pleased with the quality of service Dan and the rest of your company provides. We sincerely appreciate your responsiveness and the way you conduct business.</p> 
      <img class='quote' src='http://tele-verse.com/site/wp-content/uploads/2015/09/close-quotes.png' alt='"' /> 
      <h6>MICHAEL GEIGER</h6> 
      <h6>IT Manager - Precision Gear</h6> 
    <div class='homeAds'> 
     </div> 
</div>

來源

2015-09-24 04:04:35 tiaNaturally

保持鎖定到位DIV項目上移動調整大小

回答

相關問題