|
|
@ -499,6 +499,84 @@ quis nostrud exercitation ullamco.</p> |
|
|
|
|
|
|
|
|
|
|
|
</article> |
|
|
|
</article> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<article class="component"> |
|
|
|
|
|
|
|
<h3 class="component-title">Table view with media</h3> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="component-example component-example-fullbleed"> |
|
|
|
|
|
|
|
<ul class="table-view"> |
|
|
|
|
|
|
|
<li class="table-view-cell media"> |
|
|
|
|
|
|
|
<a> |
|
|
|
|
|
|
|
<span class="icon icon-right pull-right"></span> |
|
|
|
|
|
|
|
<span class="badge pull-right">5</span> |
|
|
|
|
|
|
|
<img class="media-object pull-left" src="http://placehold.it/42x42"> |
|
|
|
|
|
|
|
<div class="media-body"> |
|
|
|
|
|
|
|
Item 1 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="table-view-cell media"> |
|
|
|
|
|
|
|
<a> |
|
|
|
|
|
|
|
<span class="icon icon-right pull-right"></span> |
|
|
|
|
|
|
|
<span class="badge pull-right">5</span> |
|
|
|
|
|
|
|
<img class="media-object pull-left" src="http://placehold.it/42x42"> |
|
|
|
|
|
|
|
<div class="media-body"> |
|
|
|
|
|
|
|
Item 1 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="table-view-cell media"> |
|
|
|
|
|
|
|
<a> |
|
|
|
|
|
|
|
<span class="icon icon-right pull-right"></span> |
|
|
|
|
|
|
|
<span class="badge pull-right">5</span> |
|
|
|
|
|
|
|
<img class="media-object pull-left" src="http://placehold.it/42x42"> |
|
|
|
|
|
|
|
<div class="media-body"> |
|
|
|
|
|
|
|
Item 1 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% highlight html %} |
|
|
|
|
|
|
|
<ul class="table-view"> |
|
|
|
|
|
|
|
<li class="table-view-cell media"> |
|
|
|
|
|
|
|
<a> |
|
|
|
|
|
|
|
<span class="icon icon-right pull-right"></span> |
|
|
|
|
|
|
|
<span class="badge pull-right">5</span> |
|
|
|
|
|
|
|
<img class="media-object pull-left" src="http://placehold.it/42x42"> |
|
|
|
|
|
|
|
<div class="media-body"> |
|
|
|
|
|
|
|
Item 1 |
|
|
|
|
|
|
|
<p>Chevrons are created with CSS3, so no image assets are needed. They should be used to indicate that the item is linked.</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="table-view-cell media"> |
|
|
|
|
|
|
|
<a> |
|
|
|
|
|
|
|
<span class="icon icon-right pull-right"></span> |
|
|
|
|
|
|
|
<span class="badge pull-right">5</span> |
|
|
|
|
|
|
|
<img class="media-object pull-left" src="http://placehold.it/42x42"> |
|
|
|
|
|
|
|
<div class="media-body"> |
|
|
|
|
|
|
|
Item 1 |
|
|
|
|
|
|
|
<p>Chevrons are created with CSS3, so no image assets are needed. They should be used to indicate that the item is linked.</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="table-view-cell media"> |
|
|
|
|
|
|
|
<a> |
|
|
|
|
|
|
|
<span class="icon icon-right pull-right"></span> |
|
|
|
|
|
|
|
<span class="badge pull-right">5</span> |
|
|
|
|
|
|
|
<img class="media-object pull-left" src="http://placehold.it/42x42"> |
|
|
|
|
|
|
|
<div class="media-body"> |
|
|
|
|
|
|
|
Item 1 |
|
|
|
|
|
|
|
<p>Chevrons are created with CSS3, so no image assets are needed. They should be used to indicate that the item is linked.</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
|
|
|
|
{% endhighlight %} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</article> |
|
|
|
|
|
|
|
|
|
|
|
<article class="component"> |
|
|
|
<article class="component"> |
|
|
|
<h3 class="component-title">Table view with buttons</h3> |
|
|
|
<h3 class="component-title">Table view with buttons</h3> |
|
|
|
|
|
|
|
|
|
|
|