neosrulez/bootstrap

Last activity 2 days ago
  • 2
  • 1
  • 1158
composer require neosrulez/bootstrap

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

3.3.13.3

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

Version
3.3.13.3
Type
neos-plugin
Release Date
22.01.2021 07:44:05
Source
git
Distribution
zip
Requires
Requires (dev)
None
Suggest
None
Provides
None
Conflicts
None
Replaces
None
GPL-3.0-or-later 35e857eda91b621340642b4662613f4927c13b39

Neos CMS Bootstrap Plugin

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

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.

Just add the following line to your require section:

"neosrulez/bootstrap": "*"

And the run this command to fetch the plugin:

composer update

Including Bootstrap

The package does not use the Neos.Twitter.Bootstrap package at the moment.

All required files are included in the package and can be overwritten in the CSS of your own site package.

Bootstrap Navbar: NeosRulez.Bootstrap:MainMenu

You can use the Bootstrap Navbar. Just use NeosRulez.Bootstrap:MainMenu in your .fusion

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.

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.

Author

Supported by browserStack

alt text

I use BrowserStack because it's so easy to test for different platforms.

The content of the readme is provided by Github
The same vendor provides 22 package(s).