2015-05-27 10:57:02 +00:00
|
|
|
Customized dropdown menu
|
|
|
|
|
|
2015-05-26 09:47:23 +00:00
|
|
|
# Example
|
|
|
|
|
|
2015-05-29 11:33:45 +00:00
|
|
|
|
|
|
|
|
<div class="btn-group">
|
|
|
|
|
<div class="dropdown">
|
|
|
|
|
<a href="#" data-toggle="dropdown" class="btn btn-primary oc-icon-plus">Add small</a>
|
|
|
|
|
|
|
|
|
|
<ul class="dropdown-menu" role="menu" data-dropdown-title="Add something small">
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-folder-close">Group</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-copy">Page</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="dropdown">
|
|
|
|
|
<a href="#" data-toggle="dropdown" class="btn btn-primary oc-icon-plus">Add large</a>
|
|
|
|
|
|
|
|
|
|
<ul class="dropdown-menu" role="menu" data-dropdown-title="Add something large">
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-folder-close">Group</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-copy">Page</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-briefcase">Briefcase</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-link">Link</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-tag">Tag</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-zoom-out">Zoom out</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-briefcase">Briefcase</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-link">Link</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-tag">Tag</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-zoom-out">Zoom out</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-briefcase">Briefcase</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-link">Link</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-tag">Tag</a></li>
|
|
|
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-zoom-out">Zoom out</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
