vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)
-   -   Integrating CSS Bootstrap into vBulletin templates? (https://vborg.vbsupport.ru/showthread.php?t=317746)

webmastersun 03-12-2015 01:29 AM
Integrating CSS Bootstrap into vBulletin templates?
 
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 03-12-2015 01:49 AM
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 03-12-2015 02:56 AM
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 03-12-2015 08:52 AM
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 03-13-2015 07:20 AM
Quote:
Originally Posted by Replicant (Post 2540205)
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 03-13-2015 08:00 AM
Quote:
Originally Posted by Dave (Post 2540214)
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 04-06-2015 09:05 PM
Quote:
Originally Posted by HM666 (Post 2540334)
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 04-06-2015 09:17 PM
Quote:
Originally Posted by webmastersun (Post 2542473)
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 04-15-2015 03:29 AM
Quote:
Originally Posted by Replicant (Post 2542474)
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 :)


All times are GMT. The time now is 04:01 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.03072 seconds
  • Memory Usage 1,727KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (5)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (9)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete