1 of 8

Bootstrap, etc.

DCI 295D: Digital Editions

Prof. Mackenzie Brooks

October 5, 2023

​

2 of 8

Responsive design

3 of 8

JavaScript

4 of 8

Document Object Model

Browser Object Model

5 of 8

JavaScript

  • Is a programming language. Not a markup language.
  • Produces dynamic behavior in the browser and on a page.
  • Builds on HTML and CSS.
  • Often bundled into a library.
  • Might act weird when developing locally.
  • Runs client-side not server-side.
  • Order matters!

6 of 8

7 of 8

Let’s save ourselves a headache.

Enter Bootstrap.

8 of 8

  1. Quick start.
  2. Add a container.
  3. Add other components.