Locked lesson.
About this lesson
Let's make sure our website looks good on mobile devices!
Exercise files
Download this lesson’s related exercise files.
Building a Resume Website - Making It Responsive.docx59.3 KB Building a Resume Website - Making It Responsive - Solution.docx
61.8 KB
Quick reference
Building a Resume Website - Making it Responsive
Making our site mobile responsive is easy with Bootstrap.
When to use
These days, every website you build should be mobile responsive.
Instructions
To make a site mobile responsive using Bootstrap, all you need to do is add the viewport tag:
<meta name="viewport" content="width=device-width, initial-scale=1">
Also, be sure that you are hosting bootstrap on your site (not just referencing it externally).
We need to do that so that the Javascript works correctly on mobile.
Hints & tips
- All websites should be designed with mobile responsiveness.
- Making a site mobile responsive with Bootstrap is as easy as adding the viewport tag!
- You can read about Mobile Responsive on the CSS page at GetBootstrap.com for more info
Lesson notes are only available for subscribers.