Bootstrap

Question 1

How do you add Bootstrap to your webpage using CDN (Content Delivery Network) for styling?

Answer 1

Copy the link from bootstrap.com into the head section of your web page.

Question 2

How do you ad Bootstrap to your webpage using CDN (Content Delivery Network) for functionality like dropdown menus?

Answer 2

Copy the script link from Bootstrap.com onto your webpage just before the end of the Body tag.

Question 3

How many columns are in a Bootstrap container class?

Answer 3

12. if you only use three of the columns it will make them equal in size.

Question 4

What does the col-2 class do to your div that is inside a container class div?

Answer 4

This would tell your div to use up 2 of the 12 boxes or 1/6 of the container. you can use col-1 thru col-12.

Question 5

How do you use Bootstrap to determine what size screen is 100% of the width you want to use?

Answer 5

When you declare <div class”container”> add -sm, -md, -lg, -xl, -xxl
Ex: container-lg would make 992px 100%

Question 6

What does class=”col-sm-6 col-lg-4” mean?

Answer 6

This means when the screen size is large or above, have this div use 4 of the twelve columns. When the screen is from sm to lg use up 6 columns.

Question 7

How do you “grab” a section from the Bootstrap website?

Answer 7

Right click on the stuff you want to use and select inspect on the menu. Hover over the code on the right to find what you want then copy it.