Responsive Web Design with Bootstrap

Bootstap is a _________- first library.

mobile

Open source front-end development framework produced and maintained by Twitter that aids in producing clean, responsive web pages and application.

Bootstrap • Mobile first library • CSS with predefined tags for developers' use • Includes UI components, layouts and other tools.

What is Bootstrap's Grid system?

Bootstrap's solution to making the most of the space provided on a given platform. • Includes between 1 and 12 columns depending on scale of device viewport • Utilizes predefined classes to maximize web page layout options.

The primary goal of Responsive Web Design is?

Develop web pages in such a way that they respond to the size of the device and browser when being rendered.

Fill in the blanks: ___________ is the protocol used to transfer content on the web. ___________ allows us to specify the structure of Web content. ___________ is a formatting language used to describe the appearance of content in an HTML file. ___________ libraries provide CSS formatting that we can use to address the challenges of displaying Web content on various devices.

HTTP, HTML, CSS, RWD

Approach to designing web pages in a way that takes all possible devices into account. Web pages that visually become flexible to adapt to all potential screen sizes.

Responsive Web Design (RWD)

When organizing content using Bootstrap, we use:

<div> elements in the "container" and "row" classes. • The "container" <div> spans the width of the page and represents the area where the RWD content should reside. • The "row" <div> represents the horizontal group of columns that holds the content.