Per Nergård (MVP)
Dec 25, 2014
  4029
(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
Commerce 15 and CMS 13: Optimizely’s Next Step Toward AI-Powered, Graph-First Commerce

Optimizely is preparing to release Commerce 15 in mid-May 2026 , positioning this as a foundational shift—not just an upgrade. The direction is...

Augusto Davalos | May 7, 2026

The future of Content: Introducing Optimizely CMS 13

Optimizely In the rapidly evolving landscape of digital experience, the "monolithic vs. headless" debate is being replaced by a more sophisticated...

Aniket | May 6, 2026

Hide built in scheduled job from the admin UI

Ok so this probably goes into the not so useful section but late last night I got a veery strong feeling that all projects I am  involved with have...

Per Nergård (MVP) | May 6, 2026

Optimizely SaaS CMS Developer Certification Exam

The Optimizely SaaS CMS Developer Certification is an industry-recognized credential for developers and architects who build scalable, composable...

Megha Rathore | May 5, 2026