PHPackages                             contao-dd/advanced-classes-bundle - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. contao-dd/advanced-classes-bundle

ActiveContao-bundle

contao-dd/advanced-classes-bundle
=================================

Contao 4 advanced classes bundle

1.6.2(10mo ago)1239.3k↑35.3%1[2 issues](https://github.com/Contao-DD/advanced-classes-bundle/issues)3LGPL-3.0-or-laterPHPPHP ^8.1

Since Jun 10Pushed 10mo ago5 watchersCompare

[ Source](https://github.com/Contao-DD/advanced-classes-bundle)[ Packagist](https://packagist.org/packages/contao-dd/advanced-classes-bundle)[ RSS](/packages/contao-dd-advanced-classes-bundle/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)Dependencies (5)Versions (31)Used By (3)

Contao Advanced Classes
=======================

[](#contao-advanced-classes)

[![Latest Stable Version](https://camo.githubusercontent.com/c99ab7a6a69e30ffc0ea83d6803b513e0c043ca85ad77563f45d80f3cb8707c8/68747470733a2f2f706f7365722e707567782e6f72672f636f6e74616f2d64642f616476616e6365642d636c61737365732d62756e646c652f762f737461626c65)](https://packagist.org/packages/contao-dd/advanced-classes-bundle) [![Total Downloads](https://camo.githubusercontent.com/b7f85cdcd222692da392af0a55a023cfba39faf69a6952566682f7421062d02d/68747470733a2f2f706f7365722e707567782e6f72672f636f6e74616f2d64642f616476616e6365642d636c61737365732d62756e646c652f646f776e6c6f616473)](https://packagist.org/packages/contao-dd/advanced-classes-bundle) [![Latest Unstable Version](https://camo.githubusercontent.com/5dbc025fd565ea68605b0b965f0f66778dbf03f52b65ed02dfd033a1069890a5/68747470733a2f2f706f7365722e707567782e6f72672f636f6e74616f2d64642f616476616e6365642d636c61737365732d62756e646c652f762f756e737461626c65)](https://packagist.org/packages/contao-dd/advanced-classes-bundle) [![License](https://camo.githubusercontent.com/b540cdcdd2504a9a92b5d66138cd363ee8571836caeafdae543fdfdf798f62a5/68747470733a2f2f706f7365722e707567782e6f72672f636f6e74616f2d64642f616476616e6365642d636c61737365732d62756e646c652f6c6963656e7365)](https://packagist.org/packages/contao-dd/advanced-classes-bundle)

Das Modul erweitert die CSS-Klassen der Contao Elemente durch selbst definierbare Sets an CSS-Klassen. Redakteure und Admins können über Select-Felder schnell auf vordefinierte CSS-Klassen zugreifen.

Über unseren Konfigurator (noch in der Entwicklung) lassen sich die Sets auf einfache Weise an eure Anforderungen anpassen.

Für [Bootstrap](https://getbootstrap.com/), [Materialize](https://materializecss.com/), [Bulma](https://bulma.io/) und [Spectre.css](https://picturepan2.github.io/spectre/) wird bereits ein vordefiniertes Set für Spaltenbreite, Spalten-Offset, Reihenfolge (Pull/Push) und Sichtbarkeit mitgeliefert.

About
-----

[](#about)

Extend the css classes of Contao elements.

**Supported Entities**headline, text, list, table, accordion, slider, code, markdown, hyperlink, toplink, image, gallery, player, youtube, download, downloads, teaser, module

Screenshots
-----------

[](#screenshots)

[![Setting classes for bootstrap](https://camo.githubusercontent.com/cf9366a81f79523f7650e3c36b1bdd415bcf56f55197cfe53001b189f69e1502/687474703a2f2f706469722e64652f636f6e74616f2d64642f616476616e6365642d636c61737365732d73637265656e73686f74312d636f6e74616f342e706e67)](https://camo.githubusercontent.com/cf9366a81f79523f7650e3c36b1bdd415bcf56f55197cfe53001b189f69e1502/687474703a2f2f706469722e64652f636f6e74616f2d64642f616476616e6365642d636c61737365732d73637265656e73686f74312d636f6e74616f342e706e67)[![Local settings](https://camo.githubusercontent.com/2e81cb3195612a23a5d4c36b6c3c4a8792bd0d44ef3c3f6397c85c0f20f3b46b/687474703a2f2f706469722e64652f636f6e74616f2d64642f616476616e6365642d636c61737365732d73637265656e73686f74322d636f6e74616f342e706e67)](https://camo.githubusercontent.com/2e81cb3195612a23a5d4c36b6c3c4a8792bd0d44ef3c3f6397c85c0f20f3b46b/687474703a2f2f706469722e64652f636f6e74616f2d64642f616476616e6365642d636c61737365732d73637265656e73686f74322d636f6e74616f342e706e67)

Systemvoraussetzungen / System requirements
-------------------------------------------

[](#systemvoraussetzungen--system-requirements)

- [Contao 5](https://github.com/contao/contao)
- [Contao 5 Managed Edition](https://github.com/contao/managed-edition)

Installation & Configuration
--------------------------------

[](#installation--configuration)

DE:

- Installiere die Erweiterung über den Contao Manager
- Aktualisiere die Datenbank
- Wähle das CSS-Klassen-Set in deiner Website-Startseite aus
- Setze die gewünschten Klassen in den Elementen

EN:

- Install the extension via the contao manager
- Update your database
- Select CSS Class Set in the root page settings
- Set the extended class of every element you wish

Eigenes Set / Custom Set
------------------------

[](#eigenes-set--custom-set)

DE:

- Lege eine JSON-Datei an ([Beispiel](https://github.com/Contao-DD/advanced-classes-bundle/blob/master/src/Resources/public/sets/spectre.json)) und lege sie z. B. im files-Ordner ab
- Lege folgende Datei an oder bearbeite sie: **contao/config/config.php**
- Füge in der config.php folgendes ein um das Set zu registrieren. Anschließend muss der Cache im Contao Manager geleert werden.

```