Take the community feedback survey now.

Per Nergård (MVP)
Dec 25, 2014
  3822
(1 votes)

Present several blocks with bootstrap tabs

In the first CMS 7 project I did the customer had a page where they really wanted to show a lot of information which was blocks.

The pages was a bit hard to “digest” for the readers so to make it easier I created a block that rendered other blocks using bootstrap tabs.

The block is simple. It consists of a single contentarea where editors can place their blocks.

Using my tabsblock and two Jumbotron-blocks in the Alloy demo page it looks like this.

Jumbotron1

 

Jumbotron2

 

If you want to try it out you can get the code over at my GitHub

Dec 25, 2014

Comments

Please login to comment.
Latest blogs
Optimizely Opal : Reimagining A Utility Sector Use Case

  Introduction Customer engagement through timely and personalized push notifications plays a crucial role in todays Digital First landscape. In th...

Ratish | Sep 12, 2025 |

A day in the life of an Optimizely OMVP - AEO & GEO: The Future of Digital Visibility with Optimizely

The way people discover content online is undergoing a seismic shift. Traditional SEO is no longer enough. With AI-powered tools like ChatGPT,...

Graham Carr | Sep 12, 2025

Building Optimizely OCP Apps Faster with AI and Coding Assistants

Developing Optimizely Connect Platform (OCP) apps can be a rewarding but complex process—especially when integrating with external APIs. Over the...

Pawel Zieba | Sep 11, 2025

New Opal Certifications Are Live and Free!

We’ve got some exciting news to share: two brand-new Opal certifications are now available and they’re completely free. Whether you’re already...

Satata Satez | Sep 10, 2025