{ "info": { "author": "Diederik van der Boor", "author_email": "opensource@edoburu.nl", "bugtrack_url": null, "classifiers": [ "Development Status :: 5 - Production/Stable", "Environment :: Web Environment", "Framework :: Django", "Framework :: Django :: 1.10", "Framework :: Django :: 1.11", "Framework :: Django :: 2.0", "Intended Audience :: Developers", "License :: OSI Approved :: Apache Software License", "Operating System :: OS Independent", "Programming Language :: Python", "Programming Language :: Python :: 2.7", "Programming Language :: Python :: 3", "Programming Language :: Python :: 3.4", "Programming Language :: Python :: 3.5", "Programming Language :: Python :: 3.6", "Topic :: Internet :: WWW/HTTP", "Topic :: Internet :: WWW/HTTP :: Dynamic Content", "Topic :: Software Development :: Libraries :: Python Modules" ], "description": "fluentcms-jumbotron\n===================\n\n.. image:: https://img.shields.io/travis/edoburu/fluentcms-jumbotron/master.svg?branch=master\n :target: http://travis-ci.org/edoburu/fluentcms-jumbotron\n.. image:: https://img.shields.io/pypi/v/fluentcms-jumbotron.svg\n :target: https://pypi.python.org/pypi/fluentcms-jumbotron/\n.. image:: https://img.shields.io/badge/wheel-yes-green.svg\n :target: https://pypi.python.org/pypi/fluentcms-jumbotron/\n.. image:: https://img.shields.io/pypi/l/fluentcms-jumbotron.svg\n :target: https://pypi.python.org/pypi/fluentcms-jumbotron/\n.. image:: https://img.shields.io/codecov/c/github/edoburu/fluentcms-jumbotron/master.svg\n :target: https://codecov.io/github/edoburu/fluentcms-jumbotron?branch=master\n\nDisplaying a Bootstrap 3 Jumbotron_ in a page\n\n\nInstallation\n============\n\nFirst install the module, preferably in a virtual environment. It can be installed from PyPI:\n\n.. code-block:: bash\n\n pip install fluentcms-jumbotron\n\nFirst make sure the project is configured for django-fluent-contents_.\n\nThen add the following settings:\n\n.. code-block:: python\n\n INSTALLED_APPS += (\n 'fluentcms_jumbotron',\n )\n\n FLUENT_CONTENTS_PLACEHOLDER_CONFIG = {\n 'slot name': {\n 'plugins': ('JumbotronPlugin', ...),\n },\n }\n\nThe database tables can be created afterwards:\n\n.. code-block:: bash\n\n ./manage.py migrate\n\n\nFrontend styling\n================\n\nThe jumbotron is rendered with the HTML that Bootstrap prescribes:\n\n.. code-block:: html+django\n\n
\n\nThe standard Bootstrap 3 CSS will provide a reasonable styling for this,\nwhich can either be overwritten, or replaced in your own CSS files.\nThe defaults provided by Bootstap 3 is: https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_jumbotron.scss\n\nCustomizing\n-----------\n\nCentering, adding backgrounds, etc.. all happen by adding CSS styling. For example:\n\n.. code-block:: css\n\n .jumbotron {\n background: url('/static/frontend/images/background.jpg') no-repeat fixed 0 0;\n background-size: cover;\n color: #fff;\n text-align: center;\n }\n\n .jumbotron .btn {\n margin-top: 12px; /* For Sass: $padding-base-vertical * 2; */\n }\n\nWhen you use Sass, you can also override the Sass variables.\n\nFull page width\n---------------\n\nTo display the Bootstrap Jumbotron full page, you likely need to break out of the container\nthe ``JumbotronPlugin`` is rendered in. For example, when your page looks like:\n\n.. code-block:: html+django\n\n