Twitter Bootstrap Theme

bhutanomics · March 2012

Anyone know of a Twitter Bootstrap theme for Vanilla Forums? Twitter Bootstrap is creating a lot of waves: http://twitter.github.com/bootstrap/

kasperisager · April 2012

A working demo of the current version is now available here: http://vanilla.ungdomsrod.dk/

Feel free to use the site for support questions and comments!

Just FYI: This is still a work in progress, so when I say it's a "production-ready release" it means that it will need regular updates if you want to use it on a production site.

Baerses · March 2012

having just discovered vanilla, i'm currently in the process of learning the ropes of theme development. although it appears more simple than wordpress, it does have its own learning curve.

however, i absolutely plan on making some nice templates that will make theming easier. twitter bootstrap will be at the top of my list. it'd be cool to integrate less.js with a forum theme. :D

kasperisager · April 2012

I am in fact currently developing a theme for Vanilla based on Bootstrap. If anyone's interested in helping out, I could use the extra pair of hands.

lukelarris · April 2012

It will be interesting to see what people come up with. I thought about it but didn't really do much about trying to develop it :P

422 · April 2012

Personally i cant see the point interweaving a framework within a framework.

However be cool to see what you can do.

kasperisager · April 2012

Well, I do consider Bootstrap and Vanilla to be two different kinds of frameworks, one being an "interface framework" and the other being a "forum framework" (pardon the expressions, I don't know any fancy words for the two). Bootstrap introduces some cool design paradigms, that I'd like to implement in Vanilla and so far it looks pretty great. I'll create a github repo sometime in the future.

422 · April 2012

Look fwd to it :)

Todd · April 2012

That Twitter bootstrap does look great. Perhaps if it was around when we started Vanilla we may have used it.

Coming up with good paradigms for css class names is not an easy job. And not to knock designers too much here, but they often don't have the ability to structure stuff in a maintainable way. And programmers often don't have the ability to make or see what looks good.

Finding a good css framework that both looks and good and is maintainable is a really nice thing. Good on the twitter for releasing this.

422 · April 2012

A good article.

http://www.alistapart.com/articles/building-twitter-bootstrap/

kasperisager · April 2012

Here's a screenshot of the current state of the theme. Combining the Vanilla and Bootstrap classes has proved quite the challenge and so far I've used a combination of HTML and jQuery to alter/remove classes in the Vanilla views. I'd like to keep the Vanilla classes for compatibility reasons though, so I may have to try something else.

candyman · April 2012

Very interesting. You'll release your work?

kasperisager · April 2012

@candyman: Yes, I'll release it as soon as it's completed :)

422 · April 2012

That looks slick !

austinstorm · April 2012

Very interested in this, as well. It looks sharp!

kasperisager · April 2012

I'm glad to hear that people are interested :) So far development is going well and I've added compatibility with a lot of popular addons. I've also added excerpts that can be toggled, the state of which gets saved in a cookie for a more fluent experience. Currently, I'm experimenting with a combination of Vanillas "All discussions" approach and the classic "Categories"-layout. As soon as all aspects of Vanilla have been themed I'll create a Github repo, and when it's been thoroughly tested I'll release it as an addon here on the site.

bluetidepro · April 2012

Can't wait for this!

kasperisager · April 2012

@alesh contacted me and asked if the theme could be used in an embedded forum, so I'll include an optional embed.css file with embed-friendly styles :)

Edit: This is now how the theme looks when embedded and using the embed.css file:

Doudou · April 2012

great theme !

kasperisager · April 2012

@Doudou: Much appreciated, thanks!

Caio · April 2012

@kasgperisager Bootstrap is a theme development framework, right? Also, it looks really nice.

jeff359 · April 2012

kasperisager Here's a screenshot of the current state of the theme. Combining the Vanilla and Bootstrap classes has proved quite the challenge and so far I've used a combination of HTML and jQuery to alter/remove classes in the Vanilla views. I'd like to keep the Vanilla classes for compatibility reasons though, so I may have to try something else.

good！

kasperisager · April 2012

@Caio: It is yes. You can read more about it here http://twitter.github.com/bootstrap/index.html. And thanks! @jeff359: Glad you like it!

jeff359 · April 2012

kasperisager @Caio: It is yes. You can read more about it here http://twitter.github.com/bootstrap/index.html. And thanks! @jeff359: Glad you like it!

do you konw about the answer to the question? help ~ http://vanillaforums.org/discussion/19779/why-do-some-post-dismiss-while-some-posts-cannot-operate-dismiss#Item_6

Caio · April 2012

When are you going to put it up for download, do you have a specific date and/or website where you will be releasing it?

kasperisager · April 2012

@Caio: I don't have a specific date no, as this is something I'm just doing for fun. Stumbled upon Vanilla a week ago and thought I'd try and do something cool with it. My guess is that I can have the first version ready next week. I'm currently busy with my last year of high school, so I don't exactly have heaps of spare time frankly. I'll try and finish it up quickly though, promise!

Caio · April 2012

Thank you, I need it for a project and since vanilla is small, there aren't a lot of frameworks.

Caio · April 2012

Thank you, I need it for a project and since vanilla is small, there aren't a lot of frameworks.

kasperisager · April 2012

Here's yet another screenshot. I've begun working on the entry pages which, with a bit of luck, will be finished during the weekend.

Edit: Also, I've included the linen texture in an optional CSS file along with some other styles as to make the basic version of the theme very... well, basic :)

Caio · April 2012

Is this going to be on github? If so, gonna fork it.

Caio · April 2012

Is the header going to be ccs3 gradient or image?

kasperisager · April 2012

@Caio It will be on Github yes, and the header is a CSS3 gradient which should be fully cross-browser compatible :)

Howdy, Stranger!

Categories

In this Discussion

Twitter Bootstrap Theme

Best Answer

Answers