John Smith @johnsmith 31m
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
Bulma框架中的布局我们在前面也讲到了一些，加下来介绍一下媒体对象的使用，我们知道这个通常是有点复杂的。
工具/原料
1
Bulma框架
2
前端开发工具
媒体对象
媒体对象：我们都知道媒体对象在社交类型的界面应用中，使用的非常频繁是一个重点的功能。
案例一
1
下面我会给出一些媒体对象布局的案例和代码：具体案例如下图所示，为左中右三栏布局。
2
实现的代码如下：
案例二
1
我们还可以包括任何其他Bulma元素，比如输入框，textareas，图标，按钮...甚至导航栏等元素。
2
具体代码如下：
综合案例
1
我们最后用一个综合案例将上面的内容结合起来给出一个案例：
2
代码比较长： Barbara Middleton Sean Brown Kayli Eunice
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porta eros lacus, nec ultricies elit blandit non. Suspendisse pellentesque mauris sit amet dolor blandit rutrum. Nunc in tempus turpis.
Like · Reply · 3 hrs 
Donec sollicitudin urna eget eros malesuada sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam blandit nisl a nulla sagittis, a lobortis leo feugiat.
Like · Reply · 2 hrs
Sed convallis scelerisque mauris, non pulvinar nunc mattis vel. Maecenas varius felis sit amet magna vestibulum euismod malesuada cursus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus lacinia non nisl id feugiat.
Like · Reply · 2 hrs
注意事项
个人认为：在所有的开发里面媒体都是一个重点
下一篇：手把手教你如何入驻UC云观