README

This project is still a work-in-progress and will be improved over time. If you feel something is missing, feel free to open an issue or a pull request

This module takes the dnadesign/silverstripe-elemental module and uses it to simplify bootstrap layouting.

Grid Layout

Bootstrap is built around its grid layout. Using this grid gives a content-editor who has experience with bootstrap a very powerful tool to create responsive layouts.

Usage:

Installation

For installation details, see the docs.

Adding Additional Elements

Additional or custom elements can be added by extending the BootstrapElement class. Extending this class ensures the correct handling of positioning in the grid-layout:

use Syntro\SilverstripeElementalBootstrap\Elements\BootstrapElement;

class BootstrapMedia extends BootstrapElement
{
  ...
}

You can also use the BootstrapExtension extension on a class extending the original elemental classes to achieve the same result.

In the Template, make sure to include the bootstrap classes correctly as seen in the BootstrapImage block:

<% if isCol %>
  <div class="$LayoutClasses $OuterClasses">
    <img src="$Image.URL" class="img-fluid $InnerClasses" alt="$Image.Title">
  </div>
<% else %>
  <img src="$Image.URL" class="img-fluid $InnerClasses" alt="$Image.Title">
<% end_if %>

use isCol() to determine wether the parent object is a column (in this case, no layout classes are to be rendered).