Bootstrap媒体对象学习使用

2022-01-14,,,

这篇文章主要为大家详细介绍了Bootstrap媒体对象的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

Bootstrap媒体对象的学习使用,供大家参考,具体内容如下

基本结构:

    

媒体标题

这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
 
  • 媒体标题

    这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。

  • 媒体标题

    这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。

媒体对象轻量标记、易于扩展的特性是通过向简单的标记应用 class 来实现的。

在 HTML 标签中添加以下两种形式来设置媒体对象:

(1).media:该 class 允许将媒体对象里的多媒体(图像、视频、音频)浮动到内容区块的左边或者右边。
(2).media-list:如果你需要一个列表,各项内容是无序列表的一部分,可以使用该 class。可用于评论列表与文章列表。

嵌套的媒体对象:

 
  • 媒体标题

    这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。

    嵌套的媒体标题

    这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。

    嵌套的媒体标题

    这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。

    嵌套的媒体标题

    这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。
  • 媒体标题

    这是一些示例文本。这是一些示例文本。 这是一些示例文本。这是一些示例文本。

效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持本站。

以上就是Bootstrap媒体对象学习使用的详细内容,更多请关注本站其它相关文章!

《Bootstrap媒体对象学习使用.doc》

下载本文的Word格式文档,以方便收藏与打印。