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. 媒體物件固然簡單，但沒有自適應功能。