# From Template to Thought: Building Robo Thoughts in Bootstrap Studio

**URL:** https://forum.bootstrapstudio.io/t/from-template-to-thought-building-robo-thoughts-in-bootstrap-studio/11030
**Category:** Showcase
**Created:** [February 11, 2024, 4:06am UTC](https://forum.bootstrapstudio.io/t/from-template-to-thought-building-robo-thoughts-in-bootstrap-studio/11030 "2024-02-11T04:06:41Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![twinstream](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/t/ecae2f/32.png) [@twinstream](https://forum.bootstrapstudio.io/u/twinstream)
#### Post date: [February 11, 2024, 4:06am UTC](https://forum.bootstrapstudio.io/t/from-template-to-thought-building-robo-thoughts-in-bootstrap-studio/11030/1 "2024-02-11T04:06:41Z")

</div>

I’ve recently enhanced a blog with Bootstrap Studio and ExpressionEngine 7, utilizing a LAMP stack for robust backend support. This integration focuses on maximizing design flexibility by bypassing the complexities of templating languages. By employing data attributes for design elements and converting them into ExpressionEngine’s templating code through a custom Python export script, refined with js-beautify, the design process becomes more streamlined and efficient. This strategy not only clears the clutter associated with traditional templating but also simplifies the initial stages of design.

Crucially, this technique supports ongoing adjustments in layout and design without jeopardizing the integrity of existing template code. This represents a departure from the ‘one-and-done’ methodology, introducing a dynamic, iterative development process that accommodates evolving creative visions without technical constraints.

For demonstration purposes, I’ve set up a [blog site](https://robothoughts.bss.design/) that mirrors the preview experience you’d have during development. Additionally, the navbar includes an external link [Robo Thoughts Blog](https://robothoughts.blog/) to the fully exported site, showcasing the final output for comparision. This setup illustrates the seamless integration of design and development tools in creating a dynamic, user-centric web experience.

The next step will be to apply the templating method to a Theme Project, with more work to be done.

The templating example used is ExpressionEngine 7 (default\_site converted to Bootstrap 5), but the concept could similarly be applied to other templating languages, such as Twig, Blade, etc.

---

<div class="post-metadata">

### Author: ![barry1](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/barry1/32/5060_2.png) [@barry1](https://forum.bootstrapstudio.io/u/barry1)
#### Post date: [June 28, 2025, 3:50pm UTC](https://forum.bootstrapstudio.io/t/from-template-to-thought-building-robo-thoughts-in-bootstrap-studio/11030/2 "2025-06-28T15:50:28Z")

</div>

I’m considering using Bootstrap Studio to update my Expression Engine site, which was originally built with hand-coded Bootstrap. Do you have any tips or suggestions for workflows? How do you edit/preview templates that don’t include any real data using Studio?
