Skip to content

Instantly share code, notes, and snippets.

@jaywon
Last active June 17, 2016 22:07
Show Gist options
  • Select an option

  • Save jaywon/170a01dc7c1ecfdfb19472906b9b53fd to your computer and use it in GitHub Desktop.

Select an option

Save jaywon/170a01dc7c1ecfdfb19472906b9b53fd to your computer and use it in GitHub Desktop.
Bootstrap Project Setup
  1. Create new project
    • index.html, /css, /images, /js
  2. Create HTML document in index.html and add <link> tag to local or CDN Bootstrap files.
  3. Create a main <div class='container'> or <div class='container-fluid'> (Rows MUST be in a container)
  4. Create rows with <div class='row'>
  5. Within a row create colums with <div class='col-md-*'> or other column classes(col-xs-, col-sm-, col-md-, col-lg-
  6. Always put content inside new elements within your columns and don't add CSS to Bootstrap elements

NOTE: Always have the structure of:

.container
|_ .row
    |_ .col-md-*
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment