Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.
You can use any of the HTML elements and add them to the grid.
<?php
$grid = Barebone\Bootstrap::grid(); // .container
//$grid = Barebone\Bootstrap::grid()->fluid(); // .container-fluid
// create row with cells with your own class
$grid->addRow()
->addColumn('.col', ['class' => 'col-xs-12 col-lg-6')
->addColumn('.col', ['class' => 'col-xs-12 col-lg-6');
$grid->addRow()
->addColumn('.col', ['class' => 'col-xs-12 col-lg-12');
$grid->addRow()
->addColumn('.col', ['class' => 'col-xs-12 col-lg-4')
->addColumn('.col', ['class' => 'col-xs-12 col-lg-4')
->addColumn('.col', ['class' => 'col-xs-12 col-lg-4');
// create row with cells without your own class they get created automatically
$grid->addRow()
->addColumn('.col')
->addColumn('.col')
->addColumn('.col')
->addColumn('.col')
->addColumn('.col')
->addColumn('.col');
// offset
$grid->addRow()
->addColumn('.col-md-4', ['class' => 'col-md-4')
->addColumn('.col-md-4 col-md-offset-4', ['class' => 'col-md-4 col-md-offset-4');
$grid->addRow()
->addColumn('.col-md-3 col-md-offset-3', ['class' => 'col-md-3 col-md-offset-3')
->addColumn('.col-md-3 col-md-offset-3', ['class' => 'col-md-3 col-md-offset-3');
$this->view->grid = ($grid);