PHPackages                             axllent/silverstripe-list-to-bootstrap-grid - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. axllent/silverstripe-list-to-bootstrap-grid

ActiveSilverstripe-vendormodule[Utility &amp; Helpers](/categories/utility)

axllent/silverstripe-list-to-bootstrap-grid
===========================================

Create a Bootstrap grid layout from a SilverStripe List

2.0.2(2y ago)33541MITPHP

Since Oct 3Pushed 2y ago1 watchersCompare

[ Source](https://github.com/axllent/silverstripe-list-to-bootstrap-grid)[ Packagist](https://packagist.org/packages/axllent/silverstripe-list-to-bootstrap-grid)[ Docs](https://github.com/axllent/silverstripe-list-to-bootstrap-grid)[ RSS](/packages/axllent-silverstripe-list-to-bootstrap-grid/feed)WikiDiscussions master Synced 4w ago

READMEChangelog (4)Dependencies (1)Versions (7)Used By (0)

Create a bootstrap grid layout from a SilverStripe List
=======================================================

[](#create-a-bootstrap-grid-layout-from-a-silverstripe-list)

Easily create a 12-column grid system from a SilverStripe **List**. The class returns an ArrayList of rows each containing a items (whatever the List was), the column width, and optional offset (to center-align the last row if it has fewer items than the specified value).

This was developed for [Bootstrap](http://getbootstrap.com), however can easily be modified to suit any CSS grid system.

Requirements
------------

[](#requirements)

- SilverStripe ^4 || ^5

Installation
------------

[](#installation)

### Install via Composer

[](#install-via-composer)

You can install it via composer with `composer require axllent/silverstripe-list-to-bootstrap-grid`

Basic usage
-----------

[](#basic-usage)

In your page controller:

```
