Posted by Joe Oldak on

The only "out of the box" way is to use page columns and put a carousel into each column. The columns aren't all the same size though.

It would be possible to get it to work using some Raw HTML includelets to split the main column into two but it's a bit advanced!

Essentially what you would need to end up with is something like this:

Raw HTML with this HTML in it:

<div class="row">
<div class="col-xs-12 col-md-6">

Then your first Carousel

Then Raw HTML with:

</div>
<div class="col-xs-12 col-md-6">

Then Second Carousel

Then Raw HTML with:

</div>
</div>

The idea is that the first Raw HTML sets up set of rows and starts the first column with in that. Then the carousel. Then the second Raw HTML ends the first column and starts the second. Then a carousel. Then the last Raw HTML ends the second column and the row set.

Hope this help!?

Joe

Posted by Peter D. on

 

Thanks Joe.

That gives me exactly the effect I was after.

Regards

Peter