2 column twig loop using twig's batch loop
{% for row in badges|batch(2) %}
<div clas="row">
{% for badge in row %}
<div class="col-md-6">
<img src="{{ badge.imageUrl }}" alt="badge" class="badges img-responsive pull-left"/>
<blockquote class="pull-left">
<h3>{{ badge.assertion.badge.name }}</h3>
<p>{{ badge.assertion.badge.description }}</p>
<small>Achieved on {{ badge.assertion.issued_on }}</small>
</blockquote>
</div>
{% endfor %}
</div>
{% endfor %}