Hello, if i hide container for tablets and above, i work only on mobile when done, i hide the container for mobile i design new design for tablet and above.
Will my website still function as expected,
I see it as easier way to focus on each device unconditionally
Advice on this please
Bootstrap is a mobile first framework. This means that when you start the layout of the page in mobile view in Wappler, this layout will carry on to larger screens. To change the layout for larger screens, move to a larger screen in Wappler and make the changes.
This is setting the width of the columns to 12 cols in mobile portrait:
Although I have not set the width of the columns in mobile landscape, the widths have been carried on from mobile portrait:
Then for tablet view, the column widths are set to 6 cols:
Doing nothing further will produce the same widths for larger views:
I hope that this will give you a basic understanding of how Bootstrap works.
For more on layouts, see:
Its becoming more clearer, and also with the use if @madia tag,
The paragraph “all rights reserved…” appear to be at the bottom when i view it on Android device but on wappler its totally on a different position, whats causing this problem and how can i solve it
Thank you
I think the issue relates to chrome rather than Wappler
I believe Wappler renderers its pages using the chrome engine internally.
I have noticed that when i view a page in chrome with the dev console open and use the device toggler, pages do sometimes render differently than they do on the actual device
I may be wrong but this is my theory
The answer lies in the code.
So far, you have asked a number of questions in different topics. This is always welcomed and we will do our best to answer them. In other words, keep the questions coming.
Having said that, I have a faint suspicion that you are not asking the right questions to satisfy your needs.
Case in point,
I have very rarely had to revert to using the media queries.
If you want more bespoke answers, give us more information. A great way to do this is to give us an online link to the project.
Sir you have absolutely answered my questions in few words and ive solved the issues as expected i do have difficulty structuring the questions especially within this area of programming i dont know the right terminology to use so i just write as literally as i could think of the problem i watch your videos hard and try multiple times to solve issues on my own before i ask i believe ill have more problems on the server side but ill try as far as i could on my own through your videos
Hi @Mothupi_SS, in the Wappler MeetUp on Friday July 7th, I’ll be showing how to use Figma to design individual UIs for desktop/tablet/mobile, and then bring those designs into Wappler.
