neosrulez/bootstrap

A basic package to start building awesome Neos CMS websites based on Bootstrap v4

Neos CMS Bootstrap Plugin

A basic package to start building awesome Neos CMS websites based on Bootstrap v4., _(*1)

Installation

The NeosRulez.Bootstrap package is listed on packagist (https://packagist.org/packages/neosrulez/bootstrap) - therefore you don't have to include the package in your "repositories" entry any more., _(*2)

Just add the following line to your require section:, _(*3)

"neosrulez/bootstrap": "*"

And the run this command to fetch the plugin:, _(*4)

composer update

Including Bootstrap

The package does not use the Neos.Twitter.Bootstrap package at the moment., _(*5)

All required files are included in the package and can be overwritten in the CSS of your own site package., _(*6)

Bootstrap Navbar: NeosRulez.Bootstrap:MainMenu

You can use the Bootstrap Navbar. Just use NeosRulez.Bootstrap:MainMenu in your .fusion, _(*7)

page.body {
    parts {
        menu = NeosRulez.Bootstrap:MainMenu
    }

Settings.yaml

If you want to use the NeosRulez.Bootstrap:MainMenu, you can use the Settings.yaml in your Site Package to customize the path to your logo and alternate text., _(*8)

NeosRulez:
  Bootstrap:
    headerLogoPath: 'Images/Logo.png'
    headerLogoPackage: 'Your.Site'
    headerLogoAltText: 'YourAwesomeSite'
    magnificPopupWidth: '800'
    magnificPopupHeight: '600'
    thumbImageWidth: '255'
    thumbImageHeight: '255'
    colors:
      primary: '#007bff'
      secondary: '#6c757d'
      success: '#28a745'
      danger: '#dc3545'
      warning: '#d39e00'
      info: '#17a2b8'
      light: '#f8f9fa'
      dark: '#343a40'
      muted: '#6c757d'
      white: '#fff'

Use Neos.Form or Neos.Form.Builder

You can easily use Neos.Form or Neos.Form.Builder. The package is prepared for use Neos.Form or Neos.Form.Builder. All required "Bootstrap CSS classes" are added to the form fields and error messages., _(*9)

Author

• E-Mail: mail@patriceckhart.com
• URL: http://www.patriceckhart.com

Supported by browserStack

, _(*10)

I use BrowserStack because it's so easy to test for different platforms. * URL: https://www.browserstack.com, _(*11)