O'Reilly logo

Bootstrap Essentials by Snig Bhaumik

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Responsive design basics

In a nutshell, Responsive Web Design means designing and building your website that would properly render in almost all the devices irrespective of the device size, browser, screen size, and so on.

As we discussed earlier, the best approach is to design the site for the smallest screen size first, and then to move upward. There are few very basic steps to be followed in order to achieve responsiveness and a good user experience.

Tip

The below points are only to get underlying concepts clearer and make your elemental background ready. We will later on see in detail how Bootstrap can be used to build and generate a full functional responsive website.

Setting the viewport

Viewport is the visible area of a web page on the device ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required