bootstrap-submenu
Project description
###django-bootstrap-submenu
[bootstrap-submenu examples](https://vsn4ik.github.io/bootstrap-submenu/#html-examples)
###说明:
因为是bootstrap组件,所以jquery、bootstrap等推介使用:
jquery - pip install jquery
bootstrap - pip install bootstrap_themes
它们的使用方式和当前组件一样。
###安装指南
下载或者clone当前仓库,然后在项目目录中执行:
python setup.py install
###使用指南:
```
settings.py
```
```
INSTALLED_APPS = (
'jquery',
'bootstrap_themes',
'bootstrap_submenu',
...
)
```
```
xxxx.html(模板文件使用)
```
```
{% load bootstrap_submenu%}
{% bootstrap_submenu_css%}
{% bootstrap_submenu_js%}
```
```
<div class="row">
<div class="col-sm-4 col-sm-offset-2 m-b">
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" data-submenu>
Dropdown <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li class="dropdown-submenu">
<a tabindex="0">Action</a>
<ul class="dropdown-menu">
<li><a tabindex="0">Sub action</a></li>
<li class="dropdown-submenu">
<a tabindex="0">Another sub action</a>
<ul class="dropdown-menu">
<li><a tabindex="0">Sub action</a></li>
<li><a tabindex="0">Another sub action</a></li>
<li><a tabindex="0">Something else here</a></li>
</ul>
</li>
<li><a tabindex="0">Something else here</a></li>
<li class="disabled"><a tabindex="-1">Disabled action</a></li>
<li class="dropdown-submenu">
<a tabindex="0">Another action</a>
<ul class="dropdown-menu">
<li><a tabindex="0">Sub action</a></li>
<li><a tabindex="0">Another sub action</a></li>
<li><a tabindex="0">Something else here</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown-header">Dropdown header</li>
<li class="dropdown-submenu">
<a tabindex="0">Another action</a>
<ul class="dropdown-menu">
<li><a tabindex="0">Sub action</a></li>
<li><a tabindex="0">Another sub action</a></li>
<li><a tabindex="0">Something else here</a></li>
</ul>
</li>
<li><a tabindex="0">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="0">Separated link</a></li>
</ul>
</div>
</div>
</div>
<script>
$(function(){
$('[data-submenu]').submenupicker();//启动submenu组件
});
</script>
```
[bootstrap-submenu examples](https://vsn4ik.github.io/bootstrap-submenu/#html-examples)
###说明:
因为是bootstrap组件,所以jquery、bootstrap等推介使用:
jquery - pip install jquery
bootstrap - pip install bootstrap_themes
它们的使用方式和当前组件一样。
###安装指南
下载或者clone当前仓库,然后在项目目录中执行:
python setup.py install
###使用指南:
```
settings.py
```
```
INSTALLED_APPS = (
'jquery',
'bootstrap_themes',
'bootstrap_submenu',
...
)
```
```
xxxx.html(模板文件使用)
```
```
{% load bootstrap_submenu%}
{% bootstrap_submenu_css%}
{% bootstrap_submenu_js%}
```
```
<div class="row">
<div class="col-sm-4 col-sm-offset-2 m-b">
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" data-submenu>
Dropdown <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li class="dropdown-submenu">
<a tabindex="0">Action</a>
<ul class="dropdown-menu">
<li><a tabindex="0">Sub action</a></li>
<li class="dropdown-submenu">
<a tabindex="0">Another sub action</a>
<ul class="dropdown-menu">
<li><a tabindex="0">Sub action</a></li>
<li><a tabindex="0">Another sub action</a></li>
<li><a tabindex="0">Something else here</a></li>
</ul>
</li>
<li><a tabindex="0">Something else here</a></li>
<li class="disabled"><a tabindex="-1">Disabled action</a></li>
<li class="dropdown-submenu">
<a tabindex="0">Another action</a>
<ul class="dropdown-menu">
<li><a tabindex="0">Sub action</a></li>
<li><a tabindex="0">Another sub action</a></li>
<li><a tabindex="0">Something else here</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown-header">Dropdown header</li>
<li class="dropdown-submenu">
<a tabindex="0">Another action</a>
<ul class="dropdown-menu">
<li><a tabindex="0">Sub action</a></li>
<li><a tabindex="0">Another sub action</a></li>
<li><a tabindex="0">Something else here</a></li>
</ul>
</li>
<li><a tabindex="0">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="0">Separated link</a></li>
</ul>
</div>
</div>
</div>
<script>
$(function(){
$('[data-submenu]').submenupicker();//启动submenu组件
});
</script>
```
Project details
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Close
Hashes for django-bootstrap-submenu-0.1.2.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | af4c9c99fddafd74e126d366aff0ee8fb3ec8cb0f79b6d1c1f52256f56d900f5 |
|
MD5 | 4c1981b66ff398c06eef43d500aaa794 |
|
BLAKE2b-256 | 04c137e7b13c0d3fd3bee30bd1a2cbe0cf65fa4e582ae093ccf5a2efe8662dff |
Close
Hashes for django_bootstrap_submenu-0.1.2-py2-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | ea8dbb6df3477aa57d17fa20ac38ac6b2ed0b650d514722106ac0208b6dd5afd |
|
MD5 | 0697d58ba0d1fe144cafa5e61b50b86f |
|
BLAKE2b-256 | db2a329b26602f241958ce8d80f23b28dd73a0b7ef2b24da843753e6409744b4 |