Line 8: | Line 8: | ||
<div class="container text_header"><h3>Überschrift</h3></div> | <div class="container text_header"><h3>Überschrift</h3></div> | ||
− | <div class="container text"> | + | <div class="container text"> <!-- Left-aligned media object --> |
− | + | <div class="media"> | |
− | < | + | <div class="media-left"> |
− | + | <img src="img_avatar1.png" class="media-object" style="width:60px"> | |
− | < | + | </div> |
− | </ | + | <div class="media-body"> |
+ | <h4 class="media-heading">Left-aligned</h4> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <hr> | ||
+ | |||
+ | <!-- Right-aligned media object --> | ||
+ | <div class="media"> | ||
+ | <div class="media-body"> | ||
+ | <h4 class="media-heading">Right-aligned</h4> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> | ||
+ | </div> | ||
+ | <div class="media-right"> | ||
+ | <img src="img_avatar1.png" class="media-object" style="width:60px"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
Revision as of 21:46, 19 October 2016
Große Überschrift
Überschrift
![](img_avatar1.png)
Left-aligned
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Right-aligned
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
![](img_avatar1.png)