heimrichhannot/contao-subcolumns-bootstrap-bundle

This bundle adds support for the bootstrap grid to felixpfeiffer's subcolumns module.

1.13.0-beta20 2024-12-20 09:02 UTC

Requires

• php: ^7.4 || ^8.0
• contao/core-bundle: ^4.9
• heimrichhannot/contao-encore-contracts: ^1.0
• heimrichhannot/contao-utils-bundle: ^2.16
• heimrichhannot/subcolumns: ^4.3
• symfony/http-kernel: ^4.0 || ^5.0
• symfony/service-contracts: ^1.0 || ^2.0 || ^3.0

Requires (Dev)

• friendsofphp/php-cs-fixer: ^2.0

LGPL-3.0-or-later

• Heimrich & Hannot GmbH

README

Caution

DEPRECATED

This bundle has reached its end of life. We will continue to fix critical bugs only.

We recommend to replace this bundle with contao-bootstrap/grid.

If you want to attempt a migration, please refer to heimrichhannot/contao-subcolumns2grid-migration-bundle.

Contao Subcolumns Bootstrap Bundle

This Contao 4 bundle adds support for the bootstrap 4 grid to felixpfeiffer/subcolumns.

Definition of a column set

Usage of a column set

Courtesy to:

• contao-legacy/subcolumns_bootstrap_customize

Requirements

• Bootstrap 4.0.0 (Beta 2)
• felixpfeiffer/subcolumns

Features

• Handle column sets in a contao entity -> also customizable by non-developers
• clear layout for editors (see above)
• Support for columns breaking out of the container (add a css class or click the corresponding option in your column start element)
  • col-full: Column taking the full width of the viewport while being inside a container
  • col-full-left: Column taking the full width on the left of the viewport while being inside a container
  • col-full-right: Column taking the full width on the right of the viewport while being inside a container
• add div wrappers with arbitrary css classes
• wrap column sets with a "container"-div

Technical instructions

1. Specify "Bootstrap 4" in the subcolumns configuration
2. Update your database
3. Navigate to the subcolumns section on the left and create a column set.
4. Navigate to the desired article and add a new Column set start element (the other elements are created automatically).
5. Choose the column set you created in step 2.

Known issues

• sorting via sort anchor (ajax) isn't working -> use synchronous cut action instead (the blue arrow)