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