Responsive Web Design using Bootstrap 4
3 h 10 m
Pausable for 48 hours
Lab Overview
Responsive Web Design is the ability or capacity of a web app to adapt to any viewport. Nowadays it's required for a website to be responsive, you as a developer have to expect for your webpage to be opened by users on any kind of device: phone, tablet or desktop. The RWD contains 3 main elements that you'll need to integrate in your website to make it responsive: CSS queries, responsive images and fluid grids. In this lab you'll find out the main parts of developing a responsive web app.

Related Learning Path(s):
Web Developer
In this exercise, you'll include Bootstrap on a web page and try some of its featured components.
In this exercise, you'll learn some tips and tricks for dealing with issues that often come up when developing responsive web pages.
In this exercise, you'll publish a webpage and see how it's rendered on different devices.
Real-Time Lab
Not Registered?
Create Account
Already Registered?
What are Labs?

Labs provide a live environment to get hands-on experience using the same tools and services in the real world.

Learn More