Bootstrap 4 Medya Nesneleri

Medya Nesneleri

Bootstrap, medya nesnelerini (görüntüler veya videolar gibi) içerikle birlikte hizalamak için kolay bir yol sağlar. Medya nesneleri genellikle blog yorumlarını, tweet'leri vb. görüntülemek için kullanılır:

John Doe 19 Şubat 2016'da yayınlandı

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

John Doe 20 Şubat 2016'da yayınlandı

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

Temel Medya Nesnesi

John Doe 19 Şubat 2016'da yayınlandı

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

Bir medya nesnesi oluşturmak için .mediasınıfı bir kapsayıcı öğesine ekleyin ve medya içeriğini .media-bodysınıfla birlikte bir alt kapsayıcıya yerleştirin. Boşluk yardımcı programlarıyla gerektiği gibi dolgu ve kenar boşlukları ekleyin:

Yuvalanmış Medya Nesneleri

Medya nesneleri de iç içe yerleştirilebilir (bir medya nesnesinin içindeki bir medya nesnesi):

John Doe 19 Şubat 2016'da yayınlandı

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

Jane Doe 20 Şubat 2016'da yayınlandı

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

Medya nesnelerini .mediaiç içe yerleştirmek için kabın içine yeni bir kap yerleştirin .media-body:

Sağa Hizalanmış Medya Resmi

John Doe 19 Şubat 2016'da yayınlandı

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

.media-bodyMedya görüntüsünü sağa hizalamak için, görüntüyü kapsayıcıdan sonra ekleyin :

Üst, Orta veya Alt Hizalama

align-self-*Medya nesnesini üste, ortaya veya alta yerleştirmek için esnek yardımcı programları, sınıfları kullanın:

Medya Üstü

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

---

Medya Orta

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

---

Medya Alt

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.

Acının kendisi, acının sevgisidir, başlıca ekolojik problemlerdir, ama ben bu tür zamanları yere düşmek için veriyorum, öyle ki, biraz büyük acı ve acı.