https://github.com/basselin/bootstrap-squiznav

:scissors: This script moves items nav in dropdown if the container is not large enough.
https://github.com/basselin/bootstrap-squiznav

bootstrap nav navbar

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/basselin/bootstrap-squiznav
• Owner: basselin
• License: mit
• Created: 2015-09-06T13:50:13.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2020-06-27T11:11:23.000Z (almost 6 years ago)
• Last Synced: 2026-02-16T19:42:17.195Z (3 months ago)
• Topics: bootstrap, nav, navbar
• Language: JavaScript
• Homepage:
• Size: 8.79 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Boostrap SquizNav

=================

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

Usage

-----

With Bootstrap 3.*

```html



    
Menu 1

    
Menu 2

    ...

```


```html

$(function() {

    $('.squiz-me').squizNav();

});



    
Menu 1

    
Menu 2

    ...

```


Options

-------

| Name | Description | Type | Default |

|------|-------------|------|---------|

| `dropdown` | The empty template of the Dropdown: `




` | 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` |