Skip to content

Latest commit

 

History

History
45 lines (28 loc) · 1.69 KB

File metadata and controls

45 lines (28 loc) · 1.69 KB

Bootstrap

Outcome

You'll:

  • Be able to get decent default styling on your web pages
  • Understand what 'responsive' means and how make your page responsive
  • Less precise but useful layout techiques
  • Be able to build lots of components you can see all over the web
  • How to include icons onto your page

Prerequisites

Advice

Bootstrap is a great tool when you're starting out. When you get more advanced you might move away from it.

Embrace the grid for nearly everything you do.

Use it to 'reset' the browser defaults (which are truly awful).

We're going to learn how to customise Bootstrap in a later course, you can modify the default fonts, and colours it uses 😄

Bootstrap v4 is coming quite soon. But we'll use Bootstrap 3 for now.

Learning materials

Core

Tasks

  • Run through the code school course + tasks.
  • Codecademy problems
    • Do shutterbug through to headlines (and everything in-between 😄) (If it's taking ages - move on!)
  • Get headlines to work locally on your machine.
  • Build a demo site locally with:
    • 3 bootstrap css features you've yet to use in the above.
    • 3 bootstrap component features you've yet to use in the above.