I have copied the following code from Ja-Focus:

<!--Begin top members  ( 3 member for line )-->
<div class="mems">
<h2>Top Members</h2>
<div class="row">

<!--1. member-->
<div class="col-sm-4">
<div class="mem-item"><img src="images/gpc/about-us/mem-1.jpg" alt="Sample image" />
<h4>Peter M. Mule</h4>
Journalist
</div>
</div>

<!--2. member-->
<div class="col-sm-4">
<div class="mem-item"><img src="images/gpc/about-us/mem-2.jpg" alt="Sample image" />
<h4>Danny J. Anaya</h4>
Journalist
</div>
</div>

<!--3. member-->
<div class="col-sm-4">
<div class="mem-item"><img src="images/gpc/about-us/mem-3.jpg" alt="Sample image" />
<h4>Jacob M. Peter</h4>
Journalist
</div>
</div>
I have extracted the following code from Ja-Focus:

</div>
</div>
<!-- End top members -->

<div class="mems">
<h2>All Members</h2>

<div class="row">

<div class="col-sm-3">
<div class="mem-item"><img src="images/gpc/about-us/mem-5.jpg" alt="" />
<h4>Mark L. Rahn</h4>
Journalist</div>
</div>

<div class="col-sm-3">
<div class="mem-item"><img src="images/gpc/about-us/mem-4.jpg" alt="" />
<h4>Kathleen R. Brown</h4>
Journalist</div>
</div>

<div class="col-sm-3">
<div class="mem-item"><img src="images/gpc/about-us/mem-6.jpg" alt="Sample image" />
<h4>Garry C. Sardina</h4>
Journalist</div>
</div>

<div class="col-sm-3">
<div class="mem-item"><img src="images/gpc/about-us/mem-7.jpg" alt="Sample image" />
<h4>Jacob M. Peter</h4>
Journalist</div>
</div>

</div> /* Fin row */
<!-- End row -->

I guess that class = "col-sm-4" is for three columns and class = "col-sm-3" for four columns.
Where can I find this code in Ja-TelineV?
I want to add a code that occupies two columns :
the first one has a width of 30% and the second one 70%
http://dietapino.com/index.php/es/