:::

15-1 媒體物件

  1. 基本的媒體物件長這樣,僅用到 .media.media-body
    <div class="media">
        <img class="mr-3" src="http://fakeimg.pl/750x375/6ba85e/000">
        <div class="media-body">
            <h3>媒體物件 media object</h3>
            媒體物件有助於建立複雜和可重複元件,其中一些媒體可以不需要包覆在另一個上。此外,通過flexbox,只需要兩個 class 就可以完成這些工作。
        </div>
    </div>
  2. .mr-3 是間隔工具,代表 margin-right 隔 3 倍空間

  3. http://fakeimg.pl則是一個假圖服務。
  4. 更多功能請見:http://bootstrap.hexschool.com/docs/4.0/layout/media-object/
  5. 媒體物件固然簡單,但沒有自適應功能。


:::

書籍目錄

展開 | 闔起

http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D32%26tbdsn%3D949

計數器

今天: 2842284228422842
昨天: 1988198819881988
總計: 7389733738973373897337389733738973373897337389733