Day 3

  • Bootstrap (continued)
  • Display & Position
  • Media Queries/Media View Port
  • Bootstrap Components (in-depth)
  • Practice
  • Take Home
  • Push/Pull to Change Column Order
  • Block
  • Inline
  • Inline-Block
  • None
  • More...
  • display: none; vs visibility: hidden;
  • Static
  • Relative
  • Fixed
  • Absolute
  • More...

Using the same take home repository from last class:

  1. Make sure your pull requests are resolved, then git pull changes to master branch
  2. Create a new branch
  3. In your new branch, add media queries so the blocks change colors at min 768px and again at min 875px
  4. Create a pull request
  5. Slack me the link to your pull request
  6. When you get the thumbs up, merge and delete your branch
  1. Create a new Github repository (initiate with README)
  2. Clone to your local machine
  3. Create a new branch
  4. On your new branch, create a test site with:
    • Nav
    • Jumbotron
    • Button(s)
    • Well(s) with some content
    • Basic custom styling
  5. Create pull request
  6. Slack me the link to your pull request
  7. When I give the ok, merge, pull, and delete your branch (both local and github.com)

Using today's bootstrap component practice repo:

  1. On master, git pull your changes from last pull request
  2. Go to github.com and navigate to your repository.
  3. Go to repository settings.
  4. Scroll to the "Github Pages" section.
  5. Select source: Master Branch and save.
  6. Go to your url [username].github.io/[repo-name]
  7. Send me your url on Slack