Чайнику требуется помощь отцов верстки, перекалупал методички по css, но не пойму хоть убейте, код блоков в html редакторе таков :
<div class="banner-6">
<div class="col-sm-4 col1">
<div class="col-img">
<img src="bn1.png" alt="banner 6">
</div>
<div class="text-content">
<h3>For Men</h3>
<h3>Clothing Originals</h3>
<a href="#">view collection</a>
</div>
</div>
<div class="col-sm-4 col2">
<div class="col-img">
<img src="bn2.png" alt="banner 6">
</div>
<div class="text-content">
<h3>For Women</h3>
<h3>Summer Collection</h3>
<a href="#">view collection</a>
</div>
</div>
<div class="col-sm-4 col3">
<div class="col-img">
<img src="bn3.png" alt="banner 6">
</div>
<div class="text-content">
<h3>Accessories</h3>
<h3>Handbag Collection</h3>
<a href="#">view collection</a>
</div>
</div>
</div>
Как им задать либо резиновую ширину, либо например 1170px , чтобы они равномерно растянулись по ширине ?