Joomla & Bootstrap 3.3.1 - problem z gridem

[niuniek]

Witam,

Mam problem z wyświetlaniem modułu 3 najnowszych artykułów, bądź z jednej kategorii (mniej istotne). Strona jest oparta o Framework Boostrap w aktualnej wersji 3.3.1. Mam taki kod html:

<div class="row">
    <!-- oferta -->
    <div class="offer">
  <div class="col-md-4">

<a href="#"><h2><li>Powered by jooomla</li></h2></a>

<section>Nullam maximus ex vel lorem pulvinar molestie. Aenean porta orci vel odio vulputate pretium. Nunc id nunc lectus. Etiam eget lobortis risus. Mauris consequat ante eget scelerisque interdum. Maecenas vitae porttitor ligula, at mattis massa. Aenean tristique laoreet mi, ut porttitor nunc porttitor sit amet. Nullam tempus ac libero ut dictum. Nam id rutrum libero, ac mattis urna. Phasellus feugiat laoreet posuere. Donec maximus bibendum odio quis porta. Morbi euismod accumsan magna. Praesent luctus imperdiet elit ac facilisis.
</section>
<button type="button" class="btn btn-warning">czytaj więcej</button>
  </div>

  <div class="col-md-4">

<a href="#"><h2><li>Design and Retina</li></h2></a>

<section>Nullam maximus ex vel lorem pulvinar molestie. Aenean porta orci vel odio vulputate pretium. Nunc id nunc lectus. Etiam eget lobortis risus. Mauris consequat ante eget scelerisque interdum. Maecenas vitae porttitor ligula, at mattis massa. Aenean tristique laoreet mi, ut porttitor nunc porttitor sit amet. Nullam tempus ac libero ut dictum. Nam id rutrum libero, ac mattis urna. Phasellus feugiat laoreet posuere. Donec maximus bibendum odio quis porta. Morbi euismod accumsan magna. Praesent luctus imperdiet elit ac facilisis.
</section>
<button type="button" class="btn btn-warning">czytaj więcej</button>
  </div>
  <div class="col-md-4">
<a href="#"><h2><li>HTML5 & CSS3</li></h2></a>

<section>Nullam maximus ex vel lorem pulvinar molestie. Aenean porta orci vel odio vulputate pretium. Nunc id nunc lectus. Etiam eget lobortis risus. Mauris consequat ante eget scelerisque interdum. Maecenas vitae porttitor ligula, at mattis massa. Aenean tristique laoreet mi, ut porttitor nunc porttitor sit amet. Nullam tempus ac libero ut dictum. Nam id rutrum libero, ac mattis urna. Phasellus feugiat laoreet posuere. Donec maximus bibendum odio quis porta. Morbi euismod accumsan magna. Praesent luctus imperdiet elit ac facilisis.
</section>
<div class="trojkat-left-short"></div><button type="button" class="btn btn-warning">czytaj więcej</button>
</div>
</div></div>

Nie bardzo wiem jak go przerobić na joomle, żeby klasa col-md-4 była przy każdym artykule ustawiając je obok siebie.

Mój kod jm:

<div class="row">
    <!-- oferta -->
    <div class="offer">
   
                                  <jdoc:include type="modules" name="offer" style="xhtml" />

</div></div>