Skip to content

My starter kit for working on projects with Bootstrap, Sass and Font Awesome.

Notifications You must be signed in to change notification settings

abradifcode/sass-bootstrap-starter-kit

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

sass-bootstrap-starter-kit

Here's my starter kit for working on projects with Bootstrap, Sass and Font Awesome (instead of Glyphicons), and the HTML5 Boilerplate (loosely based). Included are some of my favorite mixins and useful sass things. Using Bootstrap doesn't have to mean your stuff looks boilerplate or is slow... just override the variables for your own style, and be mindful about what CSS and JS you're including. Trust me, you don't need all of it!

Out of the box, you get to use these classes, in addition to the ones provided by Bootstrap and Font Awesome:

.font-sm
.font-md
.font-lg
.font-xl

.top-none
.top-xs
.top-sm
.top-md
.top-lg

.left-none
.left-xs
.left-sm
.left-md
.left-lg

.right-none
.right-xs
.right-sm
.right-md
.right-lg

.bottom-none
.bottom-xs
.bottom-sm
.bottom-md
.bottom-lg

Suggestions:

  • If you have the Sass ruby gem installed, you can compile sass with sass sass:css --watch --style nested --sourcemap=none
  • Comment out any of the files in the Bootstrap manifest that you won't need!
  • Comment out any of the files in the font-awesome manifest that you won't need!
  • Instead of using the bootstrap.min.js file, just use the js files that you will actually need.
  • You can quickly open a python server to see this by typing python -m SimpleHTTPServer 4000 or python3 -m http.server 4000

About

My starter kit for working on projects with Bootstrap, Sass and Font Awesome.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 98.7%
  • HTML 1.3%