Necesito poder colocar cuatro cards visibles y poder ir moviendo como slider para publicación más antiguas, pero no logro hacerlo funcionar. ¿Alguna sugerencia o que vean que me falta o está mal?
*En este caso, me aparecen los cuatro cards pero uno en cada columna, no los cuatro en una y a su vez los slider están pero no funcionan.
<div class="propiedades-destacadas">
<?php
$args = array( 'post_type' => 'propiedades','numberposts' => 4 );
$lastposts = get_posts( $args );
$index = 0;?>
<div class="container">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<?php foreach ($lastposts as $post) : setup_postdata ($post); ++$index; ?>
<div class="item <?php if ($index == 1) { echo ' active'; } ?>">
<div class="col-3">
<div class="card">
<?php the_post_thumbnail( 'large', array( 'class' => 'img-fluid' ) ); ?>
<h3>Destacada</h3>
<div class="card-body">
<a href="<?php the_permalink() ?>"><h5 class="card-title"><?php the_title() ?></h5></a>
<p id="precios">$<?php the_field( 'precio' ); ?> <span id="derecha" > UF 1.120</span></p>
<p id="datos"><?php the_field( 'dormitorios' ); ?> Dorm. / <?php the_field( 'banos' ); ?> Baños / <?php the_field( 'metros_cuadrados' ); ?> Mts2</p>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>