0

For a site that requires heavy customization, both styling and functionality is there a general approach that most people go with? How do you include Bootstrap resources in your project?

  1. Use Source, Customize SCSS Variables,, Remove unused JS modules
  2. Use Compiled & minified resources, override styles through project level CSS
johnborges
  • 2,422
  • 20
  • 33

1 Answers1

1

It depends how heavy you mean by 'heavy'...

In a lot of projects I will use the minified CSS source intact and override some styles with my own project SCSS, which I compile with a gulp build process.

This is simplest and best if you are mainly intending to change colours, border styles etc, and not changing components fundamentally.

In rare projects that require more fundamental differences, I will handcraft most of the SCSS and just rip out the few parts of Bootstrap which I want to use from the source.

This approach is much more labour-intensive and only done when the vast majority of Bootstrap code will be redundant or clashing with my own code.

For JavaScript, I tend not to use Bootstrap's, as I generally write or include Angular directives from other sources, but that just fits my particular workflow and stack choices.

It's pretty easy to rip out unused JavaScript from Bootstrap's source if you want to reduce the amount of bloat.

Starscream1984
  • 3,072
  • 1
  • 19
  • 27