Post thumbnail not displaying correct size

Question

I created a custom template. It contains 3 columns, and the middle column should only display the post thumbnail. But no matter what size attribute I'm setting, it's not changing the size the way I want. I'd like the image to take over most of the space from that column.

    <div class="col-lg-4">
       .. first column with some content
    </div><!-- col-lg-4 -->

     <div class="col-lg-4"> 
       <?php
        //post_thumbnail
        if (!empty(get_the_post_thumbnail())) : ?>
           <?php the_post_thumbnail(array(360,466), array( 'class' => 'aligncenter'));
        endif; ?>

     </div><!-- col-lg-4 -->
     <div class="col-lg-4">
         third column with some content..
    </div><!-- col-lg-4 -->

No matter what I put as a size (i also tried 'medium', 'full' etc.) it's remaining the same size as in the picture below:

any ideas where my problem is?

EDIT

the same thing happens when I simply add

if (!empty(get_the_post_thumbnail())) : ?>
                <?php the_post_thumbnail();
            endif; ?>

or add any size (thumbnail, middle, large). It doesn't change anything..

Answer 1

You can edit css?

img{
   display: block;
   width: 100%;
   height: auto;
   max-width: 100%;
}

Answer 2

After you added add_image_size( 'book-image', 360, 466, true ); try calling the_post_thumbnail like that: also reganrate the thumbnails

the_post_thumbnail( 'book-image' );