[ad_1]
https://i.ytimg.com/vi/lh9ow8ziouY/hqdefault.jpg
In this FullStackWebDevelopment tutorial course series video, we are going to ensure that our login portal scales across all screen sizes, thus finishing mobile compatibility.
For this, we can add the bootstrap class col-md-8 to div.This means that we want every viewport size of medium and larger to have 8 columns wide.
But if it’s not cleaner or does not look better when the size of the screen is smaller. For that, we can add the bootstrap class col-sm.
And include the class=”col-sm-12 col-md-8” in the division.
We need to make sure that it takes the whole column width of 12 in a small screen.
—————————-
Week 2: Day 3
Section 8: Bootstrap 4: Creating a Login Portal
Tutorial 63: Bootstrap 4 Grids | Finishing Mobile Compatibility
Project Link: https://wbweb.co.in/learn/63-PortalfinalSource.zip
—————————-
Do subscribe and hit Bell Icon
—————————-
Follow us in social media handles for opportunities and code related support.
Instagram: https://www.instagram.com/wb.web/
Facebook: https://www.facebook.com/wbweb/
Twitter: https://twitter.com/wbweb_in/
LinkedIn: https://www.linkedin.com/company/wbweb/
—————————-
Got a question on the topic? Please share it in the comment section below and our experts will answer it for you.
For more information, please write back to us at hi@wbweb.co.in or call us at IND: 7077568998
After completing the course, write to biswabijaya@wbweb.co.in for internship or freelancing opportunities.
For consultation or partnership, related queries drop a mail to hi@wbweb.co.in.
—————————-
Affiliate Space
Brand: Hostinger International
https://www.hostg.xyz/SH13I (International)
https://www.hostg.xyz/SH2H (For India)
Original source
3 responses to “63. Bootstrap 4 Grids | Finishing Mobile Compatibility – Full stack web development Tutorial Course”
hey guys, does anybody else's google chrome stop when it hits medium? mine is unscaleable to smaller size after a specific width, I followed Jason's code precisely
6:35 COOL!! Thanks
Subscribed!