Как установить равное пространство места для логотипа, баннера и содержимого отзывчивого загрузочного сайта

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/