Flexibles Bootstrap 4 Template in Arbeit

[DG70]

Ein besonders herzliches DANKE SCHÖN! an DG70, der das Modul lib_bootstrap_4 gebaut und zur Verfügung gestellt hat, das in BC1 Voraussetzung für das Template ist!

Das freut mich vielen Dank.

[shadowcat]

Ehre wem Ehre gebührt!

[shadowcat]

Wieso sagt mir eigentlich keiner, dass ich vergessen habe, das lib_bootstrap_4 in den Extensions Catalog aufzunehmen?

[DG70]

Für alle die auf dem neusten Stand sein möchten, habe ich ein Update zusammengestellt.
Laut Bootstrap Blog gab es es Korrekturen im Grid-System ...

Bootstrap Version 4.5.2 mit den dazugehörigen Bootswatch Themes:

lib_bootstrap_4.zip

(2.14 MiB) 574-mal heruntergeladen

Liegt auch auf GitHub: https://github.com/DG68/lib_bootstrap_4

[shadowcat]

Supi, dann aktualisiere ich das mal im Katalog.

[DG70]

Für alle die auf dem neusten Stand sein möchten, habe ich ein neues Update zusammengestellt.

Bootstrap Version 4.5.3 mit den dazugehörigen Bootswatch Themes:

lib_bootstrap_4.zip

(2.07 MiB) 510-mal heruntergeladen

Das Bootstrap Team hat Anfang Dezember die erste Version 5 veröffentlicht ... vermutlich wird es daher die letzte 4er Version sein.

[shadowcat]

Danke! Ich habe es runtergeladen und teste es noch schnell, bevor ich es in den Katalog hochlade.

[DG70]

Als Alternative zu Font Awesome habe ich die Bootstrap Icons ausprobiert und mit mittlerweile 1200 Icons ist die Auswahl auch nicht schlecht.
Anfangs gab es die nur als SVG's, mit der neusten Version gibt es auch Webfonts.

SVG einbinden:

Code: Alles auswählen

<svg class="bi" height="1em" width="1em" fill="currentColor">
<use href="/modules/lib_bootstrap_4/vendor/icons/bootstrap-icons.svg#star"/>
</svg>

Oder als Web fonts die CSS Datei einbinden:

Code: Alles auswählen

'frontend' => array(
		'css' => array(
			array(
				'media'		=> 'all',
				'file'		=> 'modules/lib_bootstrap_4/vendor/icons/font/bootstrap-icons.css'
			)
		),

Aufruf dann so:

Code: Alles auswählen

<i class="bi-star" style="font-size: 1rem;"></i>

Anstelle von "star" dann das entsprechende Icon einsetzen.

Mit dem CKEditor StylesSet "bootstrap" ("/modules/lib_bootstrap_4/vendor/cke/styles.js") und den Bootstrap Icons v1.3.0
habe ich eine Version v1.3 beta zusammengestellt:

lib_bootstrap_4_v1.3_beta.zip

(2.41 MiB) 520-mal heruntergeladen

[shadowcat]

Im Moment hab ich viel zu tun, daher kann ich nicht versprechen, dass ich mir das kurzfristig anschauen kann.

[DG70]

Manchmal geht es schneller als man testen kann ... es gibt doch noch eine weitere 4er Version.

Bootstrap Version 4.6 mit den dazugehörigen Bootswatch Themes:

lib_bootstrap_4_v1.4.zip

(2.45 MiB) 560-mal heruntergeladen

Die Icons / Webfonts (Version 1.3.0) und das CKEditor StyleSet "bootstrap" hab ich drinnen gelassen.