bootstrap-squiznav
v0.1.2
Published
This script moves items nav in dropdown if the container is not large enough.
Downloads
3
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 |