mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-28 12:24:23 +00:00
309 lines
7.1 KiB
HTML
309 lines
7.1 KiB
HTML
<div class="tabs">
|
|
<ul>
|
|
<li class="is-active"><a>Pictures</a></li>
|
|
<li><a>Music</a></li>
|
|
<li><a>Videos</a></li>
|
|
<li><a>Documents</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-centered">
|
|
<ul>
|
|
<li class="is-active"><a>Pictures</a></li>
|
|
<li><a>Music</a></li>
|
|
<li><a>Videos</a></li>
|
|
<li><a>Documents</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-right">
|
|
<ul>
|
|
<li class="is-active"><a>Pictures</a></li>
|
|
<li><a>Music</a></li>
|
|
<li><a>Videos</a></li>
|
|
<li><a>Documents</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-centered">
|
|
<ul>
|
|
<li class="is-active">
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-image" aria-hidden="true"></i></span>
|
|
<span>Pictures</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-music" aria-hidden="true"></i></span>
|
|
<span>Music</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-film" aria-hidden="true"></i></span>
|
|
<span>Videos</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="far fa-file-alt" aria-hidden="true"></i></span>
|
|
<span>Documents</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-small">
|
|
<ul>
|
|
<li class="is-active"><a>Pictures</a></li>
|
|
<li><a>Music</a></li>
|
|
<li><a>Videos</a></li>
|
|
<li><a>Documents</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-medium">
|
|
<ul>
|
|
<li class="is-active"><a>Pictures</a></li>
|
|
<li><a>Music</a></li>
|
|
<li><a>Videos</a></li>
|
|
<li><a>Documents</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-large">
|
|
<ul>
|
|
<li class="is-active"><a>Pictures</a></li>
|
|
<li><a>Music</a></li>
|
|
<li><a>Videos</a></li>
|
|
<li><a>Documents</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-boxed">
|
|
<ul>
|
|
<li class="is-active">
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-image" aria-hidden="true"></i></span>
|
|
<span>Pictures</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-music" aria-hidden="true"></i></span>
|
|
<span>Music</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-film" aria-hidden="true"></i></span>
|
|
<span>Videos</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="far fa-file-alt" aria-hidden="true"></i></span>
|
|
<span>Documents</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-toggle">
|
|
<ul>
|
|
<li class="is-active">
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-image" aria-hidden="true"></i></span>
|
|
<span>Pictures</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-music" aria-hidden="true"></i></span>
|
|
<span>Music</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-film" aria-hidden="true"></i></span>
|
|
<span>Videos</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="far fa-file-alt" aria-hidden="true"></i></span>
|
|
<span>Documents</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-toggle is-toggle-rounded">
|
|
<ul>
|
|
<li class="is-active">
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-image"></i></span>
|
|
<span>Pictures</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-music"></i></span>
|
|
<span>Music</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-film"></i></span>
|
|
<span>Videos</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-file-alt"></i></span>
|
|
<span>Documents</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-fullwidth">
|
|
<ul>
|
|
<li>
|
|
<a>
|
|
<span class="icon"><i class="fas fa-angle-left" aria-hidden="true"></i></span>
|
|
<span>Left</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
|
|
<span>Up</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span>Right</span>
|
|
<span class="icon"><i class="fas fa-angle-right" aria-hidden="true"></i></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-centered is-boxed">
|
|
<ul>
|
|
<li class="is-active">
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-image" aria-hidden="true"></i></span>
|
|
<span>Pictures</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-music" aria-hidden="true"></i></span>
|
|
<span>Music</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-film" aria-hidden="true"></i></span>
|
|
<span>Videos</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="far fa-file-alt" aria-hidden="true"></i></span>
|
|
<span>Documents</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-toggle is-fullwidth">
|
|
<ul>
|
|
<li class="is-active">
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-image" aria-hidden="true"></i></span>
|
|
<span>Pictures</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-music" aria-hidden="true"></i></span>
|
|
<span>Music</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-film" aria-hidden="true"></i></span>
|
|
<span>Videos</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="far fa-file-alt" aria-hidden="true"></i></span>
|
|
<span>Documents</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-centered is-boxed is-medium">
|
|
<ul>
|
|
<li class="is-active">
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-image" aria-hidden="true"></i></span>
|
|
<span>Pictures</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-music" aria-hidden="true"></i></span>
|
|
<span>Music</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="fas fa-film" aria-hidden="true"></i></span>
|
|
<span>Videos</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon is-small"><i class="far fa-file-alt" aria-hidden="true"></i></span>
|
|
<span>Documents</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="tabs is-toggle is-fullwidth is-large">
|
|
<ul>
|
|
<li class="is-active">
|
|
<a>
|
|
<span class="icon"><i class="fas fa-image" aria-hidden="true"></i></span>
|
|
<span>Pictures</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon"><i class="fas fa-music" aria-hidden="true"></i></span>
|
|
<span>Music</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon"><i class="fas fa-film" aria-hidden="true"></i></span>
|
|
<span>Videos</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a>
|
|
<span class="icon"><i class="far fa-file-alt" aria-hidden="true"></i></span>
|
|
<span>Documents</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|