I’m really new to BSS coming from BLOCS and Elements.
I’m still having a hard time getting my head around how to style and control layout by breakpoints.
BLOCs handles breakpoints pretty much automatically allowing you to adjust your page elements using custom classes. Giving you complete control over every element at every breakpoint.
Elements uses custom element overrides by breakpoint. Pretty much like BLOCs but I find it a lot more tedious to change breakpoint styling using this method.
How exactly does BSS handle styles and layout control by breakpoint?
I’m really enjoying my first few hours with BSS. Not only is it super lightweight but if gives me very precise control (maybe too much!) over all my elements. Still struggling with Flex and Breakpoints but hopefully I can find some detailed docs or videos that will help explain the way BSS handles these.
BSS uses the Bootstrap CSS framework to handle the breakpoints, which are built-in by design. So in most cases, simply making your page layout using containers, rows, and columns, and then using the Options panel to set your column attributes (width, offset, vertical align, order, margin auto) at the different breakpoints will allow you to achieve any layout you want.
You can also use the Row options to set X and Y gutter sizes on columns, X and Y alignment of columns, and the number of columns per row.
When I first taught myself BSS, I found the most helpful thing was to follow along building a website with one of their video tutorials. This really helped me grasp how the program worked. Unfortunately, some of the videos are quite old, and many parts of the UI have evolved since the older videos were made (along with Bootstrap itself (version 4x to 5x), but they can still give you a good general idea of how the program works.
I’d also suggest looking at the official Bootstrap documentation to get a feel for how the framework works (you can skip all the install stuff since it’s not applicable when you’re using BSS. Just go right to the Layout instructions). Some people find the Bootstrap tutorials at W3 Schools to be a little easier to digest.
I think watching the videos and building alongside them helps the most.
2 Likes
Welcome to BSS @mliving there will be a small learning curve, it’s a different approach to Blocs, but much more reliable in my experience. 
1 Like
Thanks malachiman, reliability is the biggest reason I’m moving away from Blocs. It’s a good app for doing simple websites but anything beyond that is challenging and the app itself just isn’t as stable as it has been in the past.
BSS will be a bit of challenge but I was able to build the frontend to my portal in an evening with BSS and I know it’s good code. BSS will also help be better under CSS the right way.
Thanks again for your thoughts.
1 Like