开发工具与关键技术:DW , HTML
作者:陈鸿鹏
撰写时间:2019年2月22日
1媒体对象用图构建复杂·重复的内容列表。左边是一个图有变是内容且不能转着图形成两列
创建一个大的div命名为media, media里面放图片,然后再创建一个div命名为media-body,media-body里面放标题和内容这样就完成了媒体对。
<div class=”media”>
<img class=”mr-3”src=””alt=”Generic placehold image”>
<div class=”media-body”>
<h5 class=”mt-0”>Jonn Doe</h5>
………内容
</div>
</div>
2媒体对象可以无限嵌套
在原本的媒体对象中的media-body的div下面嵌套一个新的媒体对象
<div class=”media”>
<img class=”mr-3”src=””alt=”Generic placehold image”>
<div class=”media-body”>
<h5 class=”mt-0”>Jonn Doe</h5>
………内容
</div>
在这嵌套一个新的媒体对象
</div>