:::

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%3Ftbdsn%3D949

計數器

今天: 3423342334233423
昨天: 3438343834383438
總計: 7393752739375273937527393752739375273937527393752