如何在bootstrap轮播中显示相同大小的图像

Question

I have been using the following code to display the images in Bootstrap carousel:

<a href="<?php echo get_page_link( $page->ID ); ?>"> 
    <?php $image = wp_get_attachment_image( get_post_thumbnail_id($page->ID), 'child-page','', array('class' => "img-responsive img-shadow", 'alt' => get_the_title()))  ?>
    <?php echo $image; ?> 
</a> 

I have added add_image_size( 'child-page', 400, 200, true ); in functions.php but it is displaying the images of variable height.

How do I control size without having to optimize the images?

Answer 1

Why not put in your style.css

.carousel-inner img{
  width: 400px;
  height: 200px;
}