:scissors: This script moves items nav in dropdown if the container is not large enough.
This script moves items nav
in dropdown
if the container is not large enough.
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>
...
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 |