4 ms·

I currently use Bootstrap, but have been looking at Bourbon recently along with it's suite of components (Neat, Bitters and Refills). It offers a nice set of mi

by neovive 11y ago

I currently use Bootstrap, but have been looking at Bourbon recently along with it's suite of components (Neat, Bitters and Refills). It offers a nice set of mixins for semantic grids and common components. My only concern is working with other developers where Bootstrap is almost a common language.

ukyrgf 11y ago
I skipped Bootstrap in favor of Foundation in their earlier days, but like you I've settled in to using Bourbon mixins when I want to get my hands dirty, and Bootstrap when I just want to get up and running (and possibly hand off the project).
oneweekwonder 11y ago
Something I'm missing on Foundation and Bourbon[0] website is the self explanatory documentation. It is something that is very useful for me as I play around with Bootstrap, because I can find the section of functionality I need and then almost copy and paste their example code or inspect the element to understand it better. Did I just miss something obvious or does it not exist? [0]: http://bourbon.io/ http://bourbon.io/
- mbesto 11y ago
  Yup, check out Refills: http://refills.bourbon.io/ http://refills.bourbon.io/
- neovive 11y ago
  As Bourbon is just a collection of Sass mixins, I think the intention for the source to be self-documenting. The docs for Bitters [0], Neat [1] and Refills [3] are a bit closer in style to Bootstrap, since they are more opinionated add-ons to the base Bourbon base. [0] http://bitters.bourbon.io/example.html http://bitters.bourbon.io/example.html [1] http://thoughtbot.github.io/neat-docs http://thoughtbot.github.io/neat-docs [2] http://refills.bourbon.io/ http://refills.bourbon.io/
- tortilla 11y ago
  There's a nice intro/tutorial here: https://www.git-tower.com/learn/bourbon-neat-bitters/getting-ready/introduction https://www.git-tower.com/learn/bourbon-neat-bitters/getting...
tmaly 11y ago
I have taken the same path. Bootstrap is quite heavy in size, and compressed css from Bourbon is super lightweight. I wish there was more support for Bourbon in Wordpress.

by neovive 11y ago

ukyrgf 11y ago

I skipped Bootstrap in favor of Foundation in their earlier days, but like you I've settled in to using Bourbon mixins when I want to get my hands dirty, and Bootstrap when I just want to get up and running (and possibly hand off the project).

oneweekwonder 11y ago

Something I'm missing on Foundation and Bourbon[0] website is the self explanatory documentation. It is something that is very useful for me as I play around with Bootstrap, because I can find the section of functionality I need and then almost copy and paste their example code or inspect the element to understand it better. Did I just miss something obvious or does it not exist? [0]: http://bourbon.io/ http://bourbon.io/

mbesto 11y ago
Yup, check out Refills: http://refills.bourbon.io/ http://refills.bourbon.io/
neovive 11y ago
As Bourbon is just a collection of Sass mixins, I think the intention for the source to be self-documenting. The docs for Bitters [0], Neat [1] and Refills [3] are a bit closer in style to Bootstrap, since they are more opinionated add-ons to the base Bourbon base. [0] http://bitters.bourbon.io/example.html http://bitters.bourbon.io/example.html [1] http://thoughtbot.github.io/neat-docs http://thoughtbot.github.io/neat-docs [2] http://refills.bourbon.io/ http://refills.bourbon.io/
tortilla 11y ago
There's a nice intro/tutorial here: https://www.git-tower.com/learn/bourbon-neat-bitters/getting-ready/introduction https://www.git-tower.com/learn/bourbon-neat-bitters/getting...

tmaly 11y ago

I have taken the same path. Bootstrap is quite heavy in size, and compressed css from Bourbon is super lightweight. I wish there was more support for Bourbon in Wordpress.