02 Handout 1

Question 1

is a known web development framework that helps to build web user interfaces

Answer 1

Bootstrap

Question 2

This framework itself consists of a combination of JavaScript and CSS

Answer 2

Bootstrap

Question 3

It contains a lot of components required to develop a full-functioning web user interface.

Answer 3

Bootstrap

Question 4

It is one of the most important and widely used features. It has the ability to organize the page and the core of its functionality is the grid system

Answer 4

Layout

Question 5

The grid system has different sizes of displays. It offers extra-small, small, medium, arge, and extra-large displays

Answer 5

Layout

Question 6

Along with the grid system, it offers responsive containers, breakpoints for adjusting page layouts, media objects, and utility classes

Answer 6

Layout

Question 7

Bootstrap has a huge college of basic user interface components that allow you to construct any type of user interface

Answer 7

Components

Question 8

Bootstrap offers dialogs, progress bars, tooltips, navigation bars, carousel, alerts, popovers, drop-down menus, input groups, tabs, cards, pagination, forms, list groups, bread crumbs, and a jumbotron.

All of these components are ready to use.

Answer 8

Components

Question 9

Bootstrap allows you to create responsive websites that can be viewed on mobile devices without too much development work.

Answer 9

Mobile Support

Question 10

Bootstrap 4 is designed to work across all resolutions from mobile to tablet, and to desktop.

Answer 10

Mobile Support

Question 11

Bootstrap offers a large selection of utility classes that encapsulate the most commonly needed functionality in order to reduce the number of repetitive style rules

Answer 11

Utilities

Question 12

Examples include rules for aligning text, hiding an element, or providing contextual colors for warning test

Answer 12

Utilities

Question 13

Bootstrap offers a collection of themes can be used or followed for designing websites

Answer 13

Themes

Question 14

What are the common themes?

Answer 14

1. Dashboard
2. Marketing
3. Generic Web Application

Question 15

is the most commonly used feature in Bootstrap as it solves the important task for vertical and horizontal positioning of a page’s contents

Answer 15

Grid System

Question 16

the available display size to render the contents of a page. It refers to your browser window, minus the toolbars, and scrollbars

Answer 16

View Port

Question 17

the core of Bootstrap’s grid system

Answer 17

Containers

Question 18

renders the contents of the page to a fixed width

Answer 18

Container Class

Question 19

Five (5) core breakpoints of the grid system

Answer 19

1. Extra small
2. Small
3. Medium
4. Large
5. Extra large

Question 20

allows the page to be fully responsive to all widths, providing smoother transitions

Answer 20

Container-fluid

Question 21

used to define a selection of elements that should be dealt with as a horizontal group

Answer 21

Row

Question 22

the most important piece of the grid system.

Answer 22

Columns

Question 23

Rows exists within containers, and those rows are split up into … equal columns.

Answer 23

12

Question 24

a very simple cue that helps draw attention to certain content

Answer 24

Jumbotron

Question 25

generally used as a splash to offer immediate information to the user

Answer 25

Jumbotron

Question 26

provide an elegant way of displaying and grouping related content

Answer 26

Tabs

Question 27

one of the Bootstraps components that require jQuery and bootstrap.js to function correctly

Answer 27

Tabs

Question 28

acts as a slideshow, with a list of nested elements as the slides

Answer 28

Carousel

Question 29

simply a case of creating the modal markup, using Bootstrap’s modal classes, and using HTML attributes, data-toggle, data-target, and data-dismiss, to surface and remove the modal

Answer 29

Modals

Question 30

a powerful, responsive component to provide sensible navigation around a website

Answer 30

Navigation Bar (NavBar)

Question 31

Bootstrap provides different basic designs that allow you to improve the look and feel of the common elements that are used to construct user interfaces.

Answer 31

Navigation Bar

Question 32

Common elements that are used to style are buttons, input fields, paragraphs, special inline text, figures, tables, and navigation controls.

Answer 32

Navigation Bar

Question 33

additional navigation for a website that may contain links, buttons, company info, copyrights, forms, and other elements

Answer 33

Footer