Hi everyone 
I’m new to Bootstrap Studio — just bought it today — and I’d need some guidance on how to create a W3Schools-style learning website.
I want a two-sidebar layout like W3Schools, where:
The main sidebar lists the different sections or subjects.
A secondary sidebar (inside the content area) shows the topics and subtopics for the selected section.
The main content area updates dynamically when a topic is clicked (no full page reload).
This site is meant to be open for everyone to learn, so I don’t need LMS features like login or tracking — just a clean, responsive layout for tutorials and reference content.
Can anyone suggest the best way to set this up in Bootstrap Studio (using pages, linked components, or custom JS)?
A small step-by-step example or demo project would be super helpful 
Thanks a lot for your help!
Is that all? 
First read all the Bootstrap Studio documentation and watch the videos.
Then (ironically) go to W3 Schools and learn HTML, CSS, and JavaScript, along with Bootstrap, PLUS React, Vue, or Svelte (if you want dynamic page updates,) and Node.js or Python to serve APIs for user authentication, quizzes, and saving progress.
If this seems like a bit much, this is basically what someone else would need to know in order explain to you how to build this website.
4 Likes
This is a work in progress. It’s not complete and not what you asked for, but it does have some similar general features. It’s fairly responsive, providing one, two or three column layouts. It uses a sidebar with the one-column layout. It contains two nav menus: site (other pages) and on-page (headings). Those components move between elements depending on screen width. The on-page nav is generated automatically at runtime by scanning the page’s elements, although it can also be constructed manually in BSS.
The site was done with HTML, CSS and JS, and is built on bootstrap components to the extent possible.
I’m not sure your use of the term ‘sidebar’ is correct. Maybe you mean ‘column’.
Yes , the same looking website I need . Can you guide how to build it in bootstrap studio or having any starting point .
I could try to upload the project file, but if you’re not a web developer and don’t have access to one, then it won’t make much sense to you.
I note that we seem to have scared the OP off. Nevertheless, this requirement interested me:
It can actually be done in about four lines of JS if you’re not worried about customisation or security. I couldn’t resist tinkering with it, and came up with this demonstration.
Although I’m quietly proud of this, I still wouldn’t recommend actually using it. I won’t be!