BootStrap Intro

BootStrap Intro

By Lazaro Alsina

Bootstrap is a frame work that allows us to quickly make websites with HTML, CSS and JS as a component.

What is Boot Strap?

Make quick and simple websites extremely fast​.

Save a lot of time on already made assets.​

Why use Bootstrap?​

We have a link that refers to bootstrap!

​

They are usually placed on the top and or bottom of an HTML. ​

How to start with BootStrap

​- An instructor

"The Wheel...

What is the purpose of boot strap?" 

Multiple Choice

How do we add bootstrap to our website?

What element do we use?

• Use the head element

• Use the link element

• Use the bootstrap element

• Use the framework element

The main box will contain rows and columns to organize your work.​

​​Containers

Rows are nested inside containers.

​

Rows are used just like how we use HTML Tables.

​

To organize more divide, we use columns.​

Row

Columns are to be nested inside rows to organize the content by dividing the row.

​

You can only have at most 12 columns per row.​

Column

​- An instructor

" Warm call...

How do we divide a row in bootstrap?" 

Let's play with bootstrap on VSCode

Live Demo Time

Multiple Choice

How many columns can a bootstrap gride support per row?

• 3

• 6

• 12

• 15

Poll

Do you like bootstrap so far?

• YES!

• Also Yes!

• Must be Yess

Poll

Barometer:

How do you feel?

• Comfortable

  Zone

• Stretch

  Zone

• Panic

  Zone

Learn Bootstrap | CodecademyMini Arrow Down IconCodecademy LogoArrow Chevron Down Filled IconArrow Chevron Down Filled IconArrow Chevron Down Filled IconSearch IconCodecademy LogoMenu IconChecker DenseArrow Chevron Down IconLessonQuizProjectLessonQuizProjectArrow Right IconTwitter IconFacebook IconInstagram IconYoutube Icon

You can open this webpage in a new tab.

Copy link

Open in new tab