|
|
|
@ -201,23 +201,23 @@ base_url: "../"
|
|
|
|
|
<div class="component-example component-example-fullbleed"> |
|
|
|
|
<nav class="bar bar-tab"> |
|
|
|
|
<a class="tab-item active" href="#"> |
|
|
|
|
<span class="icon icon-share"></span> |
|
|
|
|
<span class="icon icon-home"></span> |
|
|
|
|
<span class="tab-label">Label</span> |
|
|
|
|
</a> |
|
|
|
|
<a class="tab-item" href="#"> |
|
|
|
|
<span class="icon icon-share"></span> |
|
|
|
|
<span class="icon icon-person"></span> |
|
|
|
|
<span class="tab-label">Label</span> |
|
|
|
|
</a> |
|
|
|
|
<a class="tab-item" href="#"> |
|
|
|
|
<span class="icon icon-share"></span> |
|
|
|
|
<span class="icon icon-star-filled"></span> |
|
|
|
|
<span class="tab-label">Label</span> |
|
|
|
|
</a> |
|
|
|
|
<a class="tab-item" href="#"> |
|
|
|
|
<span class="icon icon-share"></span> |
|
|
|
|
<span class="icon icon-search"></span> |
|
|
|
|
<span class="tab-label">Label</span> |
|
|
|
|
</a> |
|
|
|
|
<a class="tab-item" href="#"> |
|
|
|
|
<span class="icon icon-share"></span> |
|
|
|
|
<span class="icon icon-gear"></span> |
|
|
|
|
<span class="tab-label">Label</span> |
|
|
|
|
</a> |
|
|
|
|
</nav> |
|
|
|
@ -226,23 +226,23 @@ base_url: "../"
|
|
|
|
|
{% highlight html %} |
|
|
|
|
<nav class="bar bar-tab"> |
|
|
|
|
<a class="tab-item active" href="#"> |
|
|
|
|
<span class="icon icon-share"></span> |
|
|
|
|
<span class="icon icon-home"></span> |
|
|
|
|
<span class="tab-label">Label</span> |
|
|
|
|
</a> |
|
|
|
|
<a class="tab-item" href="#"> |
|
|
|
|
<span class="icon icon-share"></span> |
|
|
|
|
<span class="icon icon-person"></span> |
|
|
|
|
<span class="tab-label">Label</span> |
|
|
|
|
</a> |
|
|
|
|
<a class="tab-item" href="#"> |
|
|
|
|
<span class="icon icon-share"></span> |
|
|
|
|
<span class="icon icon-star-filled"></span> |
|
|
|
|
<span class="tab-label">Label</span> |
|
|
|
|
</a> |
|
|
|
|
<a class="tab-item" href="#"> |
|
|
|
|
<span class="icon icon-share"></span> |
|
|
|
|
<span class="icon icon-search"></span> |
|
|
|
|
<span class="tab-label">Label</span> |
|
|
|
|
</a> |
|
|
|
|
<a class="tab-item" href="#"> |
|
|
|
|
<span class="icon icon-share"></span> |
|
|
|
|
<span class="icon icon-gear"></span> |
|
|
|
|
<span class="tab-label">Label</span> |
|
|
|
|
</a> |
|
|
|
|
</nav> |
|
|
|
@ -573,7 +573,7 @@ quis nostrud exercitation ullamco.</p>
|
|
|
|
|
<ul class="table-view"> |
|
|
|
|
<li class="table-view-cell media"> |
|
|
|
|
<a class="push-right"> |
|
|
|
|
<span class="media-object pull-left icon icon-pages"></span> |
|
|
|
|
<span class="media-object pull-left icon icon-sound"></span> |
|
|
|
|
<div class="media-body"> |
|
|
|
|
Item 1 |
|
|
|
|
</div> |
|
|
|
@ -581,7 +581,7 @@ quis nostrud exercitation ullamco.</p>
|
|
|
|
|
</li> |
|
|
|
|
<li class="table-view-cell media"> |
|
|
|
|
<a class="push-right"> |
|
|
|
|
<span class="media-object pull-left icon icon-pages"></span> |
|
|
|
|
<span class="media-object pull-left icon icon-gear"></span> |
|
|
|
|
<div class="media-body"> |
|
|
|
|
Item 2 |
|
|
|
|
</div> |
|
|
|
@ -602,7 +602,7 @@ quis nostrud exercitation ullamco.</p>
|
|
|
|
|
<ul class="table-view"> |
|
|
|
|
<li class="table-view-cell media"> |
|
|
|
|
<a class="push-right"> |
|
|
|
|
<span class="media-object pull-left icon icon-pages"></span> |
|
|
|
|
<span class="media-object pull-left icon icon-sound"></span> |
|
|
|
|
<div class="media-body"> |
|
|
|
|
Item 1 |
|
|
|
|
</div> |
|
|
|
@ -610,7 +610,7 @@ quis nostrud exercitation ullamco.</p>
|
|
|
|
|
</li> |
|
|
|
|
<li class="table-view-cell media"> |
|
|
|
|
<a class="push-right"> |
|
|
|
|
<span class="media-object pull-left icon icon-pages"></span> |
|
|
|
|
<span class="media-object pull-left icon icon-gear"></span> |
|
|
|
|
<div class="media-body"> |
|
|
|
|
Item 2 |
|
|
|
|
</div> |
|
|
|
|