0.1.2 • Published 7 years ago

bootstrap-squiznav v0.1.2

Weekly downloads
3
License
MIT
Repository
github
Last release
7 years ago

Boostrap SquizNav

This script moves items nav in dropdown if the container is not large enough.

Usage

With Bootstrap 3.*

<script src="squiznav.min.js"></script>
<ul class="nav nav-tabs" data-squiznav="">
    <li><a href="#">Menu 1</a></li>
    <li><a href="#">Menu 2</a></li>
    ...
<script src="squiznav.min.js"></script>
<script>
$(function() {
    $('.squiz-me').squizNav();
});
</script>
<ul class="nav nav-tabs squiz-me">
    <li><a href="#">Menu 1</a></li>
    <li><a href="#">Menu 2</a></li>
    ...

Options

NameDescriptionTypeDefault
dropdownThe empty template of the Dropdown: <li class="pull-right dropdown"><a href="#" data-toggle="dropdown"><span class="glyphicon glyphicon-triangle-bottom"></span></a><ul class="dropdown-menu"></ul></li>String< .. >
attributIndexing attribute for li elements.Stringdata-index
deltaPixel width decremented from the container. You can use data-squiznav="YOUR_DELTA".Number0