how to make footer blocks responsive made with content box?

[poosangi]

Hi,

I am using prestashop1.6.

I made my own footer blocks with content box module.

please tell how I can make it responsive. 

[vekia]

each block must have own class like  class="col-sm-4" etc.
(if your theme uses bootstrap )

[poosangi]

<div class="wrapper">
<div class="footerblock1">
<h3>ABOUT US</h3>
<hr class="dashed" />
<p class="pstyle">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</p>
<p class="pstyle">It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<a style="color: yellow;" href="#">More...</a></div>
<div class="footerblock2">
<h3>USEFULL LINK</h3>
<hr class="dashed"/>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Terms & Condition</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Refund Policy</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Delivery Information</a></li>
</ul>
</div>
<div class="footerblock3">
<h3>GET IN TOUCH</h3>
<hr class="dashed"/>
</div>
<div class="footerblock4">
<h3>SUPPORT</h3>
<hr class="dashed" />
</div>
</div> 

hello i placed such code in text editor in content box and placed my own css file but its not taking css. 

please tell the procedure where to place html and how to use css for content box.

and me not getting the class like u said class="col-sm-4"  do i have to use classes from default theme.

I am using prestashop 1.6 default theme

[vekia]

code to create 4 responsive blocks:
 

<div class="col-sm-3">
block 1
</div>
<div class="col-sm-3">
block 2
</div>
<div class="col-sm-3">
block 3
</div>
<div class="col-sm-3">
block 4
</div>

[poosangi]

Hello really thank you! It worked

but what i will have to do if i want to add 1 more div below it for copyright information?