Twitter Bootstrap integration

Twitter Bootstrap integration, a forum discussion on Jojo CMS. Join us for more discussions on Twitter Bootstrap integration on our General Discussion forum.

Back to Forum Index : Back to General Discussion   RSS
Jaijaz Jaijaz

16 Jun 2012
Posts: 215

The summary of this post is that I have a new branch on Github that includes full Twitter Bootstrap and LessPHP.

The full version.
I started this branch from Rick's CSSTidy branch rather than my earlier play with LessPHP branch (I've deleted this branch now).

I have added normalize.css as a submodule and am now using this instead of Boilerplate's reset file. Basically I decided since both Boilerplate and Bootstrap are basically using Normalize why not just use it directly.

LessPHP is also a submodule. This time it is implemented a lot more in line with the way we have processed css files in the past. It will grab the standard .css files and then if the Less option is turned on, see if there is a .less file to grab from the css directories. It also starts by looking for a variables.less file and a mixins.less file from the theme. These two file names are based on what Bootstrap starts with and it feels like the right approach to take when working with Less. Less' import option I think is the only thing that won't work properly, but I suspect we won't need it anyway.

Bootstrap is a submodule in core/external now too. I have added a huge number of options to basically simulate Bootstrap's custom build tool. Some things are dependent on other things, I think I have managed get all these dependancies but would love for someone to find something I missed.

Due to the massive amount of new options that this branch now sports, I did some rearranging of the options. Any javascript related option is now in a new category, JS. All CSS related options are now under the CSS category. One thing I am thinking of as a result of this, is putting in a order_by field into options like we have for fields etc. Keen to hear if anyone else would be interested in this.

Overall I think this is looking pretty good but would love for some feedback on the way I've done it. Now that I have completed it I will be using it for a project later this weekend so should be able to give it a thorough run through.

But wait, that's not all...
What good are all these shiny new tools if it isn't possible to just take them for a spin, I hear you ask? Well I have you covered. I have also created a basic bootstrap theme and posted it to Github under my account. This theme uses a lot of CSS3 and is fully responsive but does come with one caveat, I haven't done much testing on it. I literally only just finished it and wanted to get this post done before I go to bed.
If you not living on the edge you taking up too much space.
Rick Rick

18 Jun 2012
Posts: 336

Awesome, nice work!

With Bootstrap now integrated we can look at consistency between common elements across all the plugins. I think Tom might've been heading towards this when he added jQuery UI, but I'm not sure.
Jaijaz Jaijaz

18 Jun 2012
Posts: 215

Yes definitely. Though I suspect that there is a significant level of duplication between jQuery UI and Bootstrap.

I'm thinking that jQ UI could be implimented in a similar way to what I have done with Modernizr. Have a full verison pulled from a CDN but have an alllowance to put a custom build into the site's theme that gives only the functionality you need for that site. Make's it a little more performant I think.

I'm currently building a production site based on this bootstrap branch that will be up for beta testing in the next few days. I will post a link to give another example of the bootstrap stuff in action.

I'll put together a live demo site of the new bootstrap theme to let peole have a look at it in action.
If you not living on the edge you taking up too much space.
tom

Developer

tom

18 Jun 2012
Posts: 379

Sounds awesome. I didn't have any grand plans for jQ UI, just a bunch of plugins that wanted to use it so I figured it might be handy to include in core
Jaijaz Jaijaz

28 Jun 2012
Posts: 215

As promised, I have got a demo of the bootstrap responsive theme live. Check it out here:

http://demo.w.jaijaz.co.nz/
If you not living on the edge you taking up too much space.
Back to Forum Index : Back to General Discussion   RSS
You must be logged in to post a reply



You need to Register or Log In before posting on these forums.