Bootstrap 4 - Responsive Web Design: Tutorials - #1 Geting Start

Bootstrap 4 - Responsive Web Design: Learning Path

A step-by-step practical course enabling you to nail Bootstrap and make your web designs responsive.

Chapter #1. Getting Started

With the advent and increase in popularity of the mobile web, developers have had to adapt themselves to handling new challenges, such as different layouts indifferent resolutions, the new user experience paradigm, and optimization for low-bandwidth connection. While facing this, there were also a lot of old problems related to browser compatibility and lack of patterns in the community. 

This was the outline scenario when the Bootstrap framework arrived. Developed by Twitter, the main goal of Bootstrap is to provide a web fronted framework for responsive developing with cross-browser compatibility. It is awesome! Developer  fell in love with it and started to adopt it right away.

Therefore, to cover this book's objective of presenting the Bootstrap framework to build responsive, mobile-first websites faster than ever before, we must get started by setting up our work environment in the best recommended way. Thus, the topics that we will cover in this chapter are:

• Getting Bootstrap 
• Setting up Bootstrap in a web page 
• Building the first Bootstrap example 
• The container element tag 
• Support sources 
• Framework compatibility

Getting Bootstrap

There are several versions of the framework, but in this book, we will provide support for the latest Bootstrap 3 version (which is v3.3.5), along with the newest version 4 (which is 4.0.0-alpha). When a feature or component is differently supported by one of these versions, we will point it out properly. First of all, access the official website at http://getbootstrap.com/ and click on the Download Bootstrap button, as shown in the following screenshot: