Laravel - Bootstrap 4 Not working correctly

I'm using bootstrap 4 for my laravel project but for some reason its not working correctly, I'm trying to setup a post like this: One column for the profile picture which is col-md-1 and 11 columns for the rest of the post which is col-md-11 But for some reason it turns out like this

Instead of this:

How is this possible? I have the same issue with another page, My setup looks like this

<div class="container first-container">
    <div class="row" id="showEffect">
        <div class="col-md-9 col-sm-12" style="border-right: 1px solid #f1f0f0">
            <h2 class="fw-3">Alle vragen</h2><br>
            <div class="row">
                @foreach($posts as $post)
                    <div class="card" style="border: 0; border-bottom: 1px solid #f1f0f0">
                        <div class="card-body">
                            <div class="col-md-1 col-sm-1">
                                <a href="">
                                    <img src="{!! asset('images/placeholder.png') !!}" class="rounded-circle" width="50">
                                </a>
                            </div>
                            <div class="col-md-11 col-sm-11">
                                <a href="">
                                    <h5 class="mb-0"></h5>
                                </a>
                                <small>
                                    <span>Kanaal</span> •  door
                                    <a href="">
                                        <span></span>
                                    </a>
                                </small>
                                <p class="mb-0 mt-2"></p>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
        <div class="col-md-3">
            test
        </div>

    </div>


</div>

For some reason the last col-md-3 at the buttom is supposed to display next to the col-md-9 but instead its at the buttom of the page. My bootstrap 4 implementation is defeitly working, I can notice in the colour of the buttons. But what is cauusing this? Thanks in advance!

PS: Here is a gif of the elements http://ift.tt/2mkgWWD

from Newest questions tagged laravel-5 - Stack Overflow http://ift.tt/2i5ZfoX
via IFTTT