I have a Matrix field which has one block type (1 asset field - I'm using a Matrix field as I'll be adding text fields later on to the same block). On the front end I am using Bootstrap's grid system to output the images in columns.
{% for block in entry.blockName %}
<div class="col-md-3">
{% set image = block.image.first() %}
{% if image %}
<img src="{{ image.getUrl }}">
{% endif %}
</div>
{% endblock %}
For some reason when I test it the last column on the first row gets shunted down as shown in the image.
This only happens on the first row of items and if I test it out of the matrix field with placeholder images and static HTML it works fine. The CSS isn't changed for the last item so I can't seem to see what's causing this.
Anyone have any ideas?