mouf/html.template.bootstrap

This package contains a Mouf template based on the Twitter Bootstrap HTML/CSS/JS library, along a Mouf installer file to add the template easily in your Mouf project.

v5.2.1 2022-12-01 15:53 UTC

Requires

• php: ^8.0
• mouf/html.template.templateinterface: ^3
• mouf/html.utils.weblibrarymanager: ~4.0
• mouf/html.widgets.menu: ^4
• mouf/html.widgets.messageservice: ~4.0

Requires (Dev)

• phpstan/phpstan: ^1.9
• squizlabs/php_codesniffer: ^3.3.1
• thecodingmachine/phpstan-strict-rules: ^1.0

MIT

• David Négrier

• bootstrap
• template
• mouf

README

This package contains a base Mouf template based on the Twitter Bootstrap library.

Bootstrap template

The Bootstrap template is a classical 1-2-3 column layout with a header and a footer. It adapts automatically, so if you put nothing in the left column, it will disappear. Using the template instance, you can customize the width of the columns, etc...

Template vs Bootstrap version

Below is a simple table matching template versions and Bootstrap versions:

Bootstrap menu rendererer

So basically, if you are declaring your menus in Mouf, and if you use Bootstrap, this help you render the menus. The renderer is making extensive use of objects declared in the mouf\html.widgets.menu package.

Mouf package

This package is part of Mouf (http://mouf-php.com), an effort to ensure good developing practices by providing a graphical dependency injection framework. Using Mouf's user interface, you can create your menu graphically, by creating instances of Menu and MenuItem.

In practice

A menu is defined using the Menu class. The Menu class can contain many MenuItem. Each menuitem can contain many MenuItem. You pass a Menu instance to the BootstrapMenuRenderer::toHtml and it will render the menu.