Which plugin for Twitter Bootstrap?

301 views
Skip to first unread message

Christoph Blank

unread,
Jan 5, 2013, 5:59:13 AM1/5/13
to compas...@googlegroups.com
Hey,

I'd like to include twitter bootstrap and compass in a rails 3.2 app for some additional
styles and wonder which plugin to chose, only one is mentioned in the compass wiki but
there seem to be more than that:


can anyone tell me what to chose here or how to integrate it? I'm a bit lost

Thanks a lot!
Christoph

Christian Aust

unread,
Jan 5, 2013, 10:36:52 AM1/5/13
to compas...@googlegroups.com
I use the bootstrap-sass gem to have a sass'ified version of twitter bootstrap. That works well with compass.

https://github.com/thomas-mcdonald/bootstrap-sass

To just include bootstrap along with all defaults, put this in your application.css.scss

@import "bootstrap";

To override the defaults, copy the bootstrap/_variables.scss file from the gem into your app/assets/stylesheets folder and import it before bootstrap to define variables.

Eumir Gaspar

unread,
Jan 6, 2013, 9:43:12 AM1/6/13
to Compass
Hi,

I think the one endorsed by TB is the hecbuma (compass-bootstrap) one. Vwall (compass-twitter-bootstrap) is the most commonly used and is updated regularly as well IIRC (which I recommend). I own the corroded (compass-twitter-bootstrap-plugin) but due to some unexpected things I haven't updated it in a while (and it will probably need another refactor for the newest release).

If you're looking for mixins like the compass 960 plugin(mixins instead of adding classes to your markup), use mine, although it is pretty limited as of now( no fluid grid, but basic grid works + forms etc. Just look into the README :) ). Otherwise, if you just want a Sassified version (bootstrap classes on your markup), vwall is your best bet (haven't tried the thomas-mcdonald one).

Hope that clears up the plugins :)

Christoph Blank

unread,
Jan 8, 2013, 3:34:25 AM1/8/13
to compas...@googlegroups.com
Thanks a lot guys for the explanations!
I think I will then go with the vwall one for now :)

Greetings,
Christoph

Scott Kellum

unread,
Jan 8, 2013, 2:03:01 PM1/8/13
to compas...@googlegroups.com
It may also be worth noting that you may find better options for your use case than Bootstrap. Bootstrap is great for rapid prototyping and if you are already very comfortable with it that is worth a lot, don’t let me discourage you and your development practices that work well for you.

Compass works very well with smaller plug-in components instead of monolithic ones. This means you can use components you like instead of components that just come in a big package. For example you can start with a general toolkit, grid system, and some fancy button styles of your choosing. If you need something extra to help with animations, color or scale, you can just build up your project with highly specialized and powerful tools that work for you.

And if you want a rapid prototyping framework that is built on Compass from the ground-up, Foundation is a fantastic and very powerful alternative to Bootstrap.

Again, if you are bought-into bootstrap that is a great reason to stick with it. There are also a lot of really fantastic options available that are worth looking into if you are ready for something new.

Chris Blow

unread,
Jan 8, 2013, 7:21:04 PM1/8/13
to compas...@googlegroups.com

Chris Blow

unread,
Jan 8, 2013, 7:28:11 PM1/8/13
to compas...@googlegroups.com
I use compass-twitter-bootstrap gem because it prefixes the mixin names, so there is no collision with mixins from compass/utilities etc. 


The port is frequently updated.

You can use the gem or just:  `gem unpack compass-twitter-bootstrap`
... and poke around for what you need.

c



On Saturday, January 5, 2013 12:59:13 AM UTC-10, Christoph Blank wrote:
Reply all
Reply to author
Forward
0 new messages