Bootstrap Builder Beta Breakpoints

User 2821938 Photo


Registered User
17 posts

Hi.
I just bought a couple of days ago Bootstrap Builder.One thing I do not understand is because at the breaking point 1200 does not make any change at the breaking point 900 and consecutive breaking points.It is not possible for me to insert an image at break point 1200 and the image appear at the other breakpoints And by means of classes change size for example?

thanks
User 2088758 Photo


Senior Advisor
3,086 posts

Hi Mario,

You are approaching it backwards. Remember bootstrap builder is a mobile first platform. Make your changes at the smallest breakpoint then move the slider to the right and adjust it as you go towards desktop version. Hope this makes sense.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 244626 Photo


Registered User
811 posts

Bootstrap Builder is design from the bottom up. Any changes before the bottom breakpoint will change all the ones above unless they have been modified already.

I personally think using the basic breakpoints provided by bootstrap builder is the way to go as some of the grid modifier classes are programmed in to the five total tier default. I suppose you could disable all your default breakpoints and make your own.

Stick with the five I thinks.

See this description of Grid System and explore how it effects Bootstrap classes that control breakpoint behavior.

https://v4-alpha.getbootstrap.com/migration/

Have fun....from the bottom up. :D

Bootstrap 5 CSS Grid.
User 244626 Photo


Registered User
811 posts

This is a better link

https://v4-alpha.getbootstrap.com/layout/grid/
Bootstrap 5 CSS Grid.
User 2821938 Photo


Registered User
17 posts

Steve,Twinstream- WOWW :D Thank you for your quick reply. used to Blocs app and Wb11 It makes me a little strange this software :D:D

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.