Dieser Beitrag wurde von https://www.stom66.co.uk/resources/bootstrap-4-template.html übernommen und dienst lediglich als mein Öffentliches Bookmark.
Hier also das Template und die Vorgehensweise zur Installation.
This is my generic Bootstrap 4 template for use with CMSMS. It provides a central settings file to easily change the template, as well as a flexible template with 9 content sections. Sections can be styled through the Content Manager using the Bootstrap classes. It has the following dependencies:
Recommended CMSMS modules:
- CGSmartImage
- CGExtensions
- CSSPreProcessor
- SitemapMgr
- Markdown1
Links to the template, stylesheets and required UDTs:
Template Files:
- Bootstrap4 AppManifest: https://pastebin.com/mhhQ85y9
- Bootstrap4 Blank: https://pastebin.com/vjF6ViQ7
- Bootstrap4 Core: https://pastebin.com/GAvm0xYv
- Bootstrap4 Nav: https://pastebin.com/mMGS1c9A
- Bootstrap4 Nonuple Cols: https://pastebin.com/1zBevNay
- Bootstrap4 Settings: https://pastebin.com/4z6dc4yL
- Bootstrap4 Triple Cols: https://pastebin.com/E1j37dwm
CSS Files:
- Bootstrap4 bootstrap.css: https://pastebin.com/4CTDu8B7
- Bootstrap4 custom.css: https://pastebin.com/prTpLxKP
Smarty plugins:
Place these in /assets/plugins/
- function.fa.php: https://pastebin.com/hdXrn3N1
For easily embedding FontAwesome icons in your page. - function.content_type.php: https://pastebin.com/1uSP8LTh
For changing the pages content-type on the fly, originally written by Rolf@CMSCBS.
Usage:
- Create a new design in Design Manager called Bootstrap4
- Create each of the templates above, using the same names (eg „Bootstrap4 Settings“).
- The default template shoudl be set to:
- Bootstrap4 Nonuple Cols
- The following templates should be set as unlisted:
- Bootstrap4 Core
- Bootstrap4 Settings
- Create a new folder under /assets/themes called bootstrap4
Setting up the CSS.
Setting up the app-manifest
- Create a new page.
- Name it app-manifest.json
- Make sure the alias includes the extension
- Insert a placeholder in the content area. This will not be shown.
- Set it to use the Bootstrap4 AppManifest template type.
- Hide it from the menu
- Update the $manifest_alias variable found around line # in the Bootstrap4 Settings template.