Integrating CSS Bootstrap into vBulletin templates?

[webmastersun]

Hello,

Did any one integrate Bootstrap into vbulletin 4.x.x template and make it in responsive design?

I'm thinking about that and going to integrate for my forum style soon.

just want to know some one did that

Regards,
WebmasterSun

[HM666]

It is possible I believe. I have a client that purchased a skin that shows well on a mobile phone and I think its using that same thing you are looking for. I have not delved into the code yet though as I have a couple of coding things I have to do on my list, but I have not looked at it directly yet.

[Replicant]

I looked into it just last week. Adding the bootstrap code is the easy part. The more challenging part is adjusting all the CSS to make it look right on mobile. When I implemented it on my test forum, the mobile view changed dramatically, however, word wrapping, padding, image re-sizing and so forth needed a lot of work but is definitely possible. The editor seemed like it would be the most difficult to work with. If I were running VB4 on my live site, this would be one of my main priorities since the mobile skin is so plain.

[Dave]

Completely integrating Bootstrap is going to take a very long time, you have to change almost every single template to match the CSS classes and id's of Bootstrap. This will not be a matter of "just integrating it", it's far more than that.

[webmastersun]

Originally Posted by Replicant

I looked into it just last week. Adding the bootstrap code is the easy part. The more challenging part is adjusting all the CSS to make it look right on mobile. When I implemented it on my test forum, the mobile view changed dramatically, however, word wrapping, padding, image re-sizing and so forth needed a lot of work but is definitely possible. The editor seemed like it would be the most difficult to work with. If I were running VB4 on my live site, this would be one of my main priorities since the mobile skin is so plain.

You are right, it can make any error if integrate full of css frame work into vb style to make it responsive. I can use a simple css responsive to do that and avoid other elements affect by css framework.

I am wondering why vB team didn't design responsive instead for mobile style on vb4x

[HM666]

Originally Posted by Dave

Completely integrating Bootstrap is going to take a very long time, you have to change almost every single template to match the CSS classes and id's of Bootstrap. This will not be a matter of "just integrating it", it's far more than that.

Yeah that was my thoughts on it as well. Unfortunately its really probably time consuming & difficult to do.

[webmastersun]

Originally Posted by HM666

Yeah that was my thoughts on it as well. Unfortunately its really probably time consuming & difficult to do.

I converted my forum theme to responsive design without bootstrap or any other CSS responsive framework, it was not too difficult to make your them into responsive, about 24 hours your work.

[Replicant]

Originally Posted by webmastersun

I converted my forum theme to responsive design without bootstrap or any other CSS responsive framework, it was not too difficult to make your them into responsive, about 24 hours your work.

Your site looks good. Nice job.

[webmastersun]

Originally Posted by Replicant

Your site looks good. Nice job.

Thanks Replicant for great feeback,

I changed many parts on site since you published this reply, now it has a new look