aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes/components/media.html
diff options
context:
space:
mode:
Diffstat (limited to 'docs/_includes/components/media.html')
-rw-r--r--docs/_includes/components/media.html6
1 files changed, 3 insertions, 3 deletions
diff --git a/docs/_includes/components/media.html b/docs/_includes/components/media.html
index 6f31804bf..3d1f75dbe 100644
--- a/docs/_includes/components/media.html
+++ b/docs/_includes/components/media.html
@@ -5,7 +5,7 @@
<h3 id="media-default">Default media</h3>
<p>The default media displays a media object (images, video, audio) to the left or right of a content block.</p>
- <div class="bs-example">
+ <div class="bs-example" data-example-id="default-media">
<div class="media">
<div class="media-left">
<a href="#">
@@ -84,7 +84,7 @@
<p>The classes <code>.pull-left</code> and <code>.pull-right</code> also exist and were previously used as part of the media component, but are deprecated for that use as of v3.3.0. They are approximately equivalent to <code>.media-left</code> and <code>.media-right</code>, except that <code>.media-right</code> should be placed after the <code>.media-body</code> in the html.</p>
<h3 id="media-alignment">Media alignment</h3>
<p>The images or other media can be aligned top, middle, or bottom. The default is top aligned.</p>
- <div class="bs-example">
+ <div class="bs-example" data-example-id="media-alignment">
<div class="media">
<div class="media-left">
<a href="#">
@@ -138,7 +138,7 @@
<h3 id="media-list">Media list</h3>
<p>With a bit of extra markup, you can use media inside list (useful for comment threads or articles lists).</p>
- <div class="bs-example">
+ <div class="bs-example" data-example-id="media-list">
<ul class="media-list">
<li class="media">
<div class="media-left">