Apakah objek media yang dilaksanakan oleh bootstrap?

Objek media Bootstrap ialah sejenis komponen dengan reka letak khas, digunakan untuk mereka bentuk kesan grafik dan teks bercampur menyediakan dua jenis objek media, iaitu media dan senarai media digunakan untuk memaparkan satu Senarai objek dan media digunakan untuk memaparkan berbilang objek.

Persekitaran pengendalian tutorial ini: sistem Windows 10, bootstrap versi 5, komputer DELL G3

Apakah objek media yang dilaksanakan oleh bootstrap

Objek media ialah sejenis komponen dengan reka letak khas, digunakan untuk mereka bentuk kesan grafik dan teks bercampur Mereka kebanyakannya terdiri daripada imej terapung ke kiri atau kanan dan beberapa teks.

Bootstrap menyediakan dua jenis objek media: media (.media) dan senarai media (.media-list). Media digunakan untuk memaparkan satu objek, dan senarai media digunakan untuk memaparkan berbilang objek.

Media

Secara lalai, media terdiri daripada objek media (cth., imej, video, audio, dll.) dan kandungan media yang terapung ke kiri atau kanan. Dalam satu media, media lain boleh bersarang.

Dalam struktur HTML, media terdiri daripada 3 bahagian: .media mencipta bekas media, .media-object mencipta objek media dan .media-body mencipta kandungan media (antaranya, .media-heading mencipta tajuk media). Contohnya:

<div class="media">
  <a class="pull-left" href="#">
    <img class="media-object" data-src="holder.js/64x64">
  </a>
  <div class="media-body">
    <h4 class="media-heading">Media heading</h4>
    ...
    <!-- Nested media object -->
    <div class="media">
      ...
    </div>
  </div>
</div>

Objek media biasanya muncul dalam kumpulan Sekumpulan objek media secara amnya merangkumi bahagian berikut:

1. Bekas objek media: digunakan untuk menyimpan semua kandungan objek media. , nama kelas .media

perlu digunakan pada bekas 2. Objek objek media: biasanya gambar, kelas .media-objek

perlu digunakan 3. Badan utama objek media: ia adalah objek media Kandungan utama boleh menjadi sebarang elemen, dan kelas .media-body

mesti digunakan. tajuk yang digunakan untuk menerangkan objek media, dan kelas .media-heading

mesti digunakan sebagai tambahan, kelas .pull-left dan .pull-right sering digunakan dalam rangka kerja bootstrap untuk mengawal. mod terapung objek dalam objek media

Cadangan berkaitan: tutorial bootstrap

Atas ialah kandungan terperinci Apakah objek media yang dilaksanakan oleh bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!