Kolumny nie ustawiają się obok siebie- Bootstrap

Question

Witam, mam problem z Bootstrapem 4. Utworzyłem dwie kolumny klasami col-md-8 oraz col-md-4 z myślą ułożenia ich obok siebie, jednak efekt jest inny. Obydwa divy ułożyły się jeden pod drugim. Ktoś wie w czym problem?

<div class="article">
    <div class="title col-md-8">
        <a href="#">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
         </a>
    </div>
    <div class="image col-md-4">
         <img src="img/pexels-photo-1148998.jpeg">
    </div>
</div>

Mój css na pewno nie zakłóca działania bootstrapa, ponieważ nawet po jego usunięciu nadal nie działa.

PS. Bootstrap na pewno działa tak jak powinien.

Answer 1

Zapoznaj się z dokumentacją.

Dodaj kontener i rząd.

Comments

Posiadałem container, ale nie posiadałem row. W Bootstrapie 3 nie był potrzebny i nie miałem pojęcia nawet, że coś takiego dodali.

Teraz działa, dziękuję bardzo :)

---

W BT3 również był row

---

Znaczy się, może i był, ale nie był wymagany.

---

Jak najbardziej był wymagany ponieważ zawiera clearfix.