Bootstrap

Question 1

You can add Bootstrap to any app by adding the following code to the ___ of your HTML:

Answer 1

top

Question 2

close the link tag

Answer 2

using either > or /> is acceptable

Question 3

how to make the image be exactly the width of the phone screen?

Answer 3

add img-responsive class to the image

Question 4

how to center heading element?

Answer 4

add the class text-center to the h element

Question 5

add several classes to the same element

Answer 5

by separating them with a space

<h2 class="red-text text-center"></h2>

Question 6

create a button

Answer 6

add class of btn and btn-default

Question 7

by default, your button elements with the btn and btn-default classes are ___ (related to text they contain)

Answer 7

only as wide as the text that they contain

Question 8

stretch button to fill your page’s entire horizontal space …

Answer 8

By making them block elements with the additional class of btn-block

Question 9

what will happen to any elements following button block?

Answer 9

any elements following button block will flow onto a “new line” below the block

Question 10

other flavor of btn-default

Answer 10

btn-primary, to color it blue

Question 11

btn-info use case

Answer 11

used to call attention to optional actions

Question 12

style button red for delete/destroy

Answer 12

btn-danger

Question 13

make a row of elements to be styled

Answer 13

div class=”row”

Question 14

make blue primary text

Answer 14

text-primary

Question 15

use ____ to target inline elements

Answer 15

span

Question 16

by using inline span element you can

Answer 16

put several elements on the same line, and even style different parts of the same line differently

Question 17

nest a header and image together on one line

Answer 17

<div>
<div>Text</div> //8 columns
<div>Image</div> // the remaining 4/12
</div>

Question 18

i class in html - use case

Answer 18

icons, <i></i> // using Font Awesome for ‘fas’

span is also acceptable for icons

Question 19

how to make the radio buttons in a form spread out evenly?

Answer 19

use the col-xs-* approach, same as with divs

Question 20

house everything in a responsive container

Answer 20

div class=’container-fluid’

Question 21

a class to create a visual sense of depth for columns

Answer 21

class=’well’

Question 22

Sometimes we create classes just …

Answer 22

for the purpose of selecting these elements more easily using jQuery. Not every class needs to have corresponding CSS.