Boostrap yardım

Merhabalar boostrap'te kendimi geliştirmek ve eğitim için tasarımcılardan izin alıp kodluyorum. Bir bölümde tıkandım. Aşağıdaki card sistemini nasıl yapabilirim?

div içinde yazabilirsiniz hocam

Merhaba,

hocam nasil yapabilirim derken, anlamadim. 3 sutun, margin - padding - border radius vs..

boostrap ızgara grid sistemi var yani bu konuda birçok video var ,bu grid sistemine kendi div leri ekleyerek kolayca yapabilirsin

Teşekkürler hocam div leri hallettim
Hocam yeni başladım şunun şurasında 1 haftadır bakıyorum. Grid sistemde daha eksiğim var şablon oturtamadığım için yardım istedim.

Teşekkürler hocam.

Sağ arkada bulunan kedi png resmini sağ alt kısıma yaslamaya çalıştım ama olmadı.

Hocam ben nerden bilebilirim senin ne zaman basladigini, ne bilip bilmedigini? Bootstrap' ta her sutun 12 esit parcaya bolunmustur diye dusunebilirsin.
Tek sutun yapmak istiyorsan ornegin baslik koymak icin col-12 kullanacaksin. 2 sutun yapmak istiyorsan col-md-6, 3 sutun icin col-md-4, 4 sutun icin col-md-3 vb. gibi... Attigin gorsel tek bir satir icerisinde 3 sutuna bolunmus olarak gorunuyor. Hic responsive girmeden yaziyorum.
Yani;

<div class="row">
<div class="col-md-4">ICERIK</div>
<div class="col-md-4">ICERIK </div>
<div class="col-md-4">ICERIK </div>
</div>

kediyi sag alta yaslamak icin margin-left ve margin-top kullanabilirsin veya right:0; bottom:0; veya float: right vb... (bunlar css komutlar style="" seklinde yazacaksin.)