Skip to main content

bootstrap-submenu

Project description

django-bootstrap-submenu
=========================

`bootstrap-submenu examples<https://vsn4ik.github.io/bootstrap-submenu/#html-examples>`_

说明:
==========

因为是bootstrap组件,所以jquery、bootstrap等推介使用:
jquery - pip install static-jquery
bootstrap - pip install django-bootstrap-themes
它们的使用方式和当前组件一样。

安装指南
===========

下载或者clone当前仓库,然后在项目目录中执行:
python setup.py install
or
pip install django-bootstrap-submenu

使用指南:
===========

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><a tabindex="0">Something else here</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.

Files for django-bootstrap-submenu, version 0.1.7
Filename, size File type Python version Upload date Hashes
Filename, size django_bootstrap_submenu-0.1.7-py2-none-any.whl (7.6 kB) File type Wheel Python version py2 Upload date Hashes View hashes
Filename, size django-bootstrap-submenu-0.1.7.tar.gz (5.7 kB) File type Source Python version None Upload date Hashes View hashes

Supported by

Elastic Elastic Search Pingdom Pingdom Monitoring Google Google BigQuery Sentry Sentry Error logging AWS AWS Cloud computing DataDog DataDog Monitoring Fastly Fastly CDN SignalFx SignalFx Supporter DigiCert DigiCert EV certificate StatusPage StatusPage Status page