{ "info": { "author": "Jacob Rief", "author_email": "jacob.rief@gmail.com", "bugtrack_url": null, "classifiers": [ "Development Status :: 4 - Beta", "Environment :: Web Environment", "Framework :: Django", "Framework :: Django :: 1.10", "Framework :: Django :: 1.11", "Framework :: Django :: 2.0", "Framework :: Django :: 2.1", "Framework :: Django :: 2.2", "Intended Audience :: Developers", "License :: OSI Approved :: MIT License", "Operating System :: OS Independent", "Programming Language :: Python", "Programming Language :: Python :: 2.7", "Programming Language :: Python :: 3.4", "Programming Language :: Python :: 3.5", "Programming Language :: Python :: 3.6", "Programming Language :: Python :: 3.7", "Topic :: Internet :: WWW/HTTP :: Dynamic Content" ], "description": "# djangocms-bootstrap\n\nSome templates and templatetags to be used with django-CMS and Bootstrap3/Bootstrap4.\n\nDjango-CMS is frontend agnostic, which is a good thing. However, in combination with Bootstrap3/4\nthe menu structure does not quite fit. This is because Bootstrap3/4 only allows one nested menu level.\n\n[]()\n[](https://https://pypi.python.org/pypi/djangocms-bootstrap)\n[]()\n[](https://twitter.com/jacobrief)\n\n\n## Rendering a django-CMS menu\n\n**djangocms-bootstrap** adds a few modified templatetags, which render the existing page tree into a\nmenu structure, suitable for the navbar in Bootstrap3/4.\n\nWith the concept of *mobile first*, there is no mouse-over event we could use to open a drop-down\nelement showing the sub-menu-items. Instead the user has to click onto the main menu item in order\nto open a drop-down element. Now however, there wouldn't be any more distinction between clicking\nonto a menu-item to either open the drop-down or to click onto the page referenced by that menu\nitem.\n\n\n\nIn this example **djangocms-bootstrap** uses a special templatetag to render the navbar. Here the\nCMS page *Catalog* has three children. Clicking onto *Catalog* in the navbar, opens a drop-down menu,\nwhich contains another entry for *Catalog*. This is the link which sends us onto the desired page.\nUsing this approach we can navigate through a django-CMS page-tree, without having to use the\nmouse-over effect to open drop-down menus.\n\n\n### Usage\n\nRendering the navbar to show a menu to navigate though the page-tree in **django-CMS**: \n\n```html\n{% load bootstrap_tags %}\n\n