Wie man den gleichen Randabstand zu Logo, Banner und Inhalt der responsiven Bootstrap-Website setzt

Question

Ich möchte eine responsive Website erstellen, die auf der linken Seite ein Logo und dann den Inhalt hat. Aber das Problem ist, dass Logo, Banner und der linke und rechte Rand des Inhalts nicht den gleichen Platz bekommen.

<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; 
} 

Sie können Ihre eigenen Styling schreiben und die Marge entsprechend Ihrer Anforderung ändern.

Hier ist die Probe Geige für Sie https://jsfiddle.net/DTcHh/29485/