项目作者: basselin

项目描述 :
:scissors: This script moves items nav in dropdown if the container is not large enough.
高级语言: JavaScript
项目地址: git://github.com/basselin/bootstrap-squiznav.git
创建时间: 2015-09-06T13:50:13Z
项目社区:https://github.com/basselin/bootstrap-squiznav

开源协议:MIT License

下载


Boostrap SquizNav

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

Usage

With Bootstrap 3.*

  1. <script src="squiznav.min.js"></script>
  2. <ul class="nav nav-tabs" data-squiznav="">
  3. <li><a href="#">Menu 1</a></li>
  4. <li><a href="#">Menu 2</a></li>
  5. ...
  1. <script src="squiznav.min.js"></script>
  2. <script>
  3. $(function() {
  4. $('.squiz-me').squizNav();
  5. });
  6. </script>
  7. <ul class="nav nav-tabs squiz-me">
  8. <li><a href="#">Menu 1</a></li>
  9. <li><a href="#">Menu 2</a></li>
  10. ...

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