レスポンスブートストラップウェブサイトのロゴ、バナー、コンテンツに均等なマージンスペースを設定する方法

Question

レスポンシブウェブサイトを作成したい場合は、左側にロゴ、バナー、次にコンテンツがあります。しかし、問題はロゴ、バナーであり、コンテンツの左右の余白は等しくない。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 
 
<div class="container-fluid"> 
 
    <img src="http://placehold.it/150x150" /> 
 
</div> 
 

 
<div class="container-fluid"> 
 
    <img src="http://placehold.it/350x150" /> 
 
</div> 
 

 

 
<div class="container-fluid"> 
 
    content here 
 
</div>

Answer 1

.container-fluid{ 
    margin: 15px; 
    border: 1px solid grey; 
} 

独自のスタイリングを書いて、あなたの条件に応じて余白を変更することができます。あなた https://jsfiddle.net/DTcHh/29485/