bootstrap-squiznav
v0.1.2
Published
This script moves items nav in dropdown if the container is not large enough.
Readme
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
| Name | Description | Type | Default |
|------|-------------|------|---------|
| dropdown | The 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 | < .. > |
| attribut | Indexing attribute for li elements. | String | data-index |
| delta | Pixel width decremented from the container. You can use data-squiznav="YOUR_DELTA". | Number | 0 |