PHP does not output in columns - php

Question

I am trying to output my text in col-sm-4 but only the first item is going into the col-sm-4
The rest is out of order
Here is my code:
<div class="col-sm-6">
<?php
// Team ophalen
$team_posts = get_posts( array(
'post_type' => 'team',
'posts_per_page' => -1,
'orderby' => 'title',
) );
if ( $team_posts ):
?>
<div class="col-sm-4">
<?php
foreach ( $team_posts as $post ):
setup_postdata($post);
// Foto URL
$thumb_src = null;
if ( has_post_thumbnail($post->ID) ) {
$src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'team-thumb' );
$thumb_src = $src[0];
}
?>
<div class="card" <?php if ( $thumb_src ): ?>style="background-image: url('<?php echo $thumb_src; ?>');"<?php endif; ?>>
<div class="card-name">
<span class="text-center underline"><?php the_title(); ?></span>
</div>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>
</div>

Answer 1

As #castis said, your col-sm-4 is not a part of the loop.
This should work.
<?php
$team_posts = get_posts(array(
'post_type' => 'team',
'post_per_page' => -1,
'orderby' => 'title',
));
if($team_posts);
?>
<?php
foreach($team_posts as $post):
setup_pustdata($_POST);
$thumb_src = null;
if(has_post_thumbnail($post->ID)) {
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'team-thumb');
$thumb_src = $src[0];
}
?>
<div class="col-sm-4">
<div class="card" <?php if ($thumb_src): ?>style="background-image: url('<?php echo $thumb_src; ?>');"<?php endif; ?>>
<div class="card-name">
<span class="text-center underline"><?php the_title(); ?></span>
</div>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>