Hello, Wouldn't Bootstrap Studio build default responsive elements so when the page is opened on a mobile device, font sizes, paddings, etc are changed to fit the screen? Or the page width, wouldn't it make it resize gracefully? Right now, it's just showing proportionally shrinking everything and I have tiny unreadable font. Or should I now define font sizes one by one for each screen size? Thanks!
Usually when you build a page using drag-n-drop builder, the different screen layouts are built automatically, you just need to make a few tweaks. What am I doing wrong here with BSS?
Bootstrap Studio is not a pure drag-n-drop builder. It uses draggable components to replace having to type out HTML, and then it is up to you two use the visual tools, bootstrap classes, or write your own CSS rules to style the page according to your tastes. Bootstrap uses many "helper classes" which can save you time and avoid the tediousness of having to write out common CSS. For example, if you wanted a particular image to have a smaller padding on mobile, and a larger padding on desktop, you could apply the helper classes p-1 p-lg-3. If you wanted padding on just the top, you would write pt-1. Helper classes are just one of the many pre-made features in the Bootstrap framework to save you time.
0 - sets margin or padding to 0 1 - sets margin or padding to .25rem (4px if font-size is 16px) 2 - sets margin or padding to .5rem (8px if font-size is 16px) 3 - sets margin or padding to 1rem (16px if font-size is 16px) 4 - sets margin or padding to 1.5rem (24px if font-size is 16px) 5 - sets margin or padding to 3rem (48px if font-size is 16px)
By changing the root font size in the HTML declaration, you can globally adjust all the paddings, margins, headings and other things.
If you are unfamiliar with CSS and Bootstrap, you are going to have a hard time building a website that looks exactly the way you want at all screen sizes. I would recommend watching all the tutorial videos, building along with them, and then thoroughly familiarizing yourself with the Bootstrap framework before attempting to build a site in BSS.
https://getbootstrap.com/docs/4.4/getting-started/introduction/ https://www.w3schools.com/bootstrap4/default.asp https://hackerthemes.com/bootstrap-cheatsheet/
If you are unfamiliar with, or unwilling to learn the underlying technology behind how responsive website layouts work, you are going to find it difficult to build a website with Bootstrap Studio. This is not a program like Weebly or Wix, where everything is basically constrained so you can't make mistakes that will break the site. This is not the case with BSS. BSS is for people who want total control over the Bootstrap framework, but desire a visual tool to speed up the building process without having to type out pages of HTML.
Understood, thank you very much!