2017-05-04 9 views
0

これは私のウェブページですhttp://www.noor-azmi.com/element/company.htmlブートストラップパディングBGの色

ご覧のとおり、2つのグレーのボックスが上にあります。私はそれらの間にギャップを望んでいません。私はそれを1つの長方形のボックスに結合したい。

これらはいずれも異なる列にあり、左側はcol-8、右側はcol-4です。私がブラウザにチェックインしたとき、それらの間にそれぞれ15pxのパディングがあるようです。

パディングもOKですが、パディングも同じBGカラーですか?それが問題を解決します。ありがとう

+0

パディングが常に同じBG-色を示してい –

+0

できることは、行を追加し、その行のコンテンツ全体を切り取ることです。グレーの部分を列から削除してcol-md-12に追加します。 – RemyaJ

+0

は、2つの列を1つの 'col-md-12'で使用し、もう1つのクラスを追加して内部col-mdのパディングを上書きします。このcol-md-12 divにbrの色をつけてください(bg色の別のクラスを使用してください) – Phantom

答えて

0

別の行に別の灰色の部分とあなたは行こうとしています。

<div class="row"> 
     <div class="our_company col-sm-8"> 
          <h2>Our Company</h2><br> 

          <p>As the name indicates, Element Design Studio is a boutique design studio that provides landscape master planning and full serviced landscape architecture services for hotels, resorts, residential developments, mixed-use projects and golf course landscapes. Headquartered in Singapore, Element was co-founded by Gregory Kunak in 2011 based on simple and straightforward fundamentals; to provide Clients with the highest quality design services.<br><br> 
        Since 2011, Element has provided design services for a vast amount of projects located in 16 countries, consisting of Bangladesh, Egypt, Guinea, India, Indonesia, Laos, Kenya, Korea, Malaysia, Mauritius, Nepal, Saudi Arabia, Seychelles, Singapore, Sri Lanka and Vietnam. <br><br> 
           Whether appointed to provide landscape master planning services on a 100 hectare mixed-use development or engaged to provide detailed landscape design services for a hotel, resort or luxury residential condominium, Element takes immense pride with providing the highest quality of design excellence throughout every stage of the project. Above all, it is our fundamental goal to ensure that our Clients achieve a successful landscape product.</p><br> 

          </div><div class="our_leader col-sm-4"> 
         <h2>Our Leadership</h2><br> 

         Gregory Kunak<br> 
         <h3>Managing Director</h3> 
           <img src="image/Gregory-Kunak-Profile.jpg"> 
           <p>After working for 20 years with two of the largest and most prominent landscape architecture firms in the United States and Singapore, Gregory Kunak co-founded Element in 2011.<br><br> Through his career, Gregory has gained extensive design experience on many notable hotels, resorts, residential developments and mixed-use projects throughout the United States, Caribbean, Middle East and majority of Asia. As Managing Director of Element, Gregory is responsible for every aspect of the company.<br><br> As a registered landscape architect, Gregory is responsible for ensuring that each and every project adheres to the most stringent health, safety and welfare standards while striving to achieve design excellence. He is a rollercoaster enthusiast, enjoys the outdoors and horticulture and supports the Pittsburgh Steelers. </p></div> 

     </div>. 
0

div

HTMLコードあなたに変更を加える必要がある 、これを試してみてください:

<div class="row"> 
    <div class="col-md-12 bg-grey"> 
     <div class="col-md-8"> 
     This is col 1 
     </div> 
     <div class="col-md-4"> 
     This is col 2 
     </div> 
    </div> 
</div> 

CSSコード:

.bg-grey { 
    background-color: grey; 
} 
関連する問題