Skip to content

dsgn425-2017/filebox_with_only_bootstrap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

Filebox with Only Bootstrap

In this project, we'll practice using Bootstrap.

Setup

  1. Follow the Getting Started with GitHub Guide to download this code to your computer.
  2. Open the entire folder in Atom (on Windows, File > Open Folder; on Mac, it's just File > Open, but click Open while you have a folder selected rather than drilling in).
  3. Open landing.html in Chrome.

Suggested Steps

  1. I have already downloaded and included Bootstrap in the project for you.
  2. I have also included an additional_styles.css with some standard vertical spacer classes.
  3. There are <link>s to both in the <head> of your starting point, but they are commented out. Uncomment them to use them.
  4. Use Shoelace.io to create a skeleton grid for your layout, and then copy-paste it into your page.
  5. Plug in your content to each cell in your skeleton. You can copy-paste from the target if you want to.
  6. You should be able to exactly match the target by only applying existing classes from either bootstrap.css or additional_styles.css; you need not write any CSS rules yourself.

Resources:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors