mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03:00
Code Activity

update layout pages

Browse Source
This commit is contained in:
Mark Otto
2017-05-27 22:12:00 -07:00
parent 1f43d9c066
commit fa2731b626
4 changed files with 8 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/layout/media-object.md
+3 -7
View File
@@ -3,17 +3,13 @@ layout: docs
title: Media object
description: Documentation and examples for Bootstrap's media object to construct highly repetitive components like blog comments, tweets, and the like.
group: layout
toc: true
---
The [media object](http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/) helps build complex and repetitive components where some media is positioned alongside content that doesn't wrap around said media. Plus, it does this with only two required classes thanks to flexbox.
## Contents
* Will be replaced with the ToC, excluding the "Contents" header
{:toc}
## Example
The [media object](http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/) helps build complex and repetitive components where some media is positioned alongside content that doesn't wrap around said media. Plus, it does this with only two required classes thanks to flexbox.
Below is an example of a single media object. Only two classes are required—the wrapping `.media` and the `.media-body` around your content. Optional padding and margin can be controlled through [spacing utilities]({{ site.baseurl }}/utilities/spacing/).
{% example html %}