如何仅使用引导程序将存储桶图像放置在右侧

时间:2018-08-07 22:58:45

标签: twitter-bootstrap

我需要最终图像看起来像发布的图像。我目前所拥有的是左下角的水桶。我需要调整存储桶以将其准确放置在图像的位置。.我正在使用引导程序来执行此操作。 enter image description here

<div class="container" >
   <a class="brand"><img src="img/logo.png"/></a>
</div>
<p class="header-notice"><i class="fa icon"></i> Patented award winning energy savings and asset protection coatings... nanoscience that works for you.</p>
<div class="info1">
   <div class="row">
      <div class="col-md-6">
         <h2>Safe and Effective <br> Encapsulating Paint Coating</h2>
      </div>
   </div>
   <div class="row">
      <div class="col-md-12">
         <div class="bottom-text">For all lead contaminated surfaces, such as lead-based paint, brick, wood, metal, and concrete.</div>
      </div>
   </div>
   <div class="row">
      <div class="col-md-6">
         <div class="checkmark">
            <image src="img/checkmark.png" class="checkmarkimg"/>
            <div class="checkmarkinfo">CLEAR OR TINTED COATING</div>
         </div>
         <div class="checkmark">
            <image src="img/checkmark.png" class="checkmarkimg"/>
            <div class="checkmarkinfo">SAFE AND ECO-FRIENDLY</div>
         </div>
         <div class="checkmark">
            <image src="img/checkmark.png" class="checkmarkimg"/>
            <div class="checkmarkinfo">SIMPLE TO APPLY</div>
         </div>
      </div>
      <div class=" prices">
         <div class="price">$94.95</div>
         <div>
            <a class="btn custom-btn">
               <h4>BUY NOW</h4>
            </a>
         </div>
         <div class= "bottom-text2">Sold only in 5 gallon containers,<br> clear or tinted coating</div>
      </div>
      <div class="col-lg-5 layer2">
         <img src="img/Layer2.png" class="d-none d-lg-block"/>
         <div>Ask US ABOUT CONTRACTOR AND VOLUME DISCOUNTS </div>
         <div class="phonenumber">CALL 800-858-3176</div>
      </div>
   </div>
</div>

0 个答案:

没有答案