Basic Bootstrap

Create a project that uses the Bootstrap Framework to lay out and style your website.

Launch Presentation | Slide Notes

Read This

Bootstrap Documentation

Watch This

Bootstrap 4 Essential Training

General Expectations

  • Use a Github repo and place this inside a projects folder under it’s own folder
  • You may use a copy of the previous HTML project
  • You must use external style sheets ONLY or bootstrap classes
  • All HTML must validate using the w3c validator (-50 points)
  • All CSS must validate using the csslint (-30 points)
  • Links to your project must work (-50 points)

Lesson Expectations

  • Use Only bootstrap 4 classes to lay out your site (-300 points)
  • You must use the bootstrap grid in a meaningful way (-100 points)
  • Use bootstrap navigation (-100 points)
  • Exception you may use background and height:##vh classes in an external stylesheet, but no others.
  • Your stylesheet must not have any other classes than the exceptions listed above.
  • You may use bootstrap 4 classes I didn’t show you in class as long as you read the documentation and can explain what you did.
Create a Page Using CSS Layout Bootstrap Components