MyBB Community Forums

Full Version: Bootstrap Theme for MyBB
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I'm in the process of making a bootstrap theme for MyBB

Before I make anymore progress, I was wondering do you guys care if it's div/tables?

I notice a lot of you want a div-less theme, but tables have the benefits of vertical alignment for text and just seems like it's the way to go, but it's up to you guys.

Anywhere here's a preview of the homepage, no tables, any options you guys would like to see incorporated?
I think the main reason for wanting to not use tables is that tables are not very responsive. I know bootstrap has a responsive table class, but am unsure if I would want to read forum posts in that table format on a small screen device.
Leefish is correct, tables aren't very responsive and Bootstrap does have a "if u must use tables" function.

I say stick to grids and the divs and it will line up. Use overflow hidden as need be to keep things from getting outta wack.

If you are looking for insperation, I suggest checking out this phpBB bootstrap demo site:

http://bootstrap.at-it.fr/index.php

^- resize your browser down to narrow, and watch the columns disappear. perfect!

I really like how he hides the columns at the correct media queries. I especially like how he "dumbs down" the thread/post view on mobile devices (hiding avatars, hiding everything by the essentials).

http://bootstrap.at-it.fr/viewtopic.php?f=8&t=12

^- resize your browser to very very narrow, like a mobile device and watch things disappear.

If you post it to GitHub, I'll try to help out if I have the time. I just setup my first mybb and can't stand how inefficient the html and header is. Would like to spend time helping someone with an existing theme.
Can I get a copy?
Tables can be fine on a responsive layout, all you need to do is hide columns avoid the the inevitable squishing that would happen.

Check out my forum for reference, which coincidentally uses bootstrap.
I use tables where the javascript calls for (forumdisplay) - and that is a simple two column table with a div for the posts in one td and the moderator check box in the other td. The HTML5 validator cries a little bit but there you go.