MyBB Community Forums
{bootbb} Need to solve this sidebar issue - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: {bootbb} Need to solve this sidebar issue (/thread-223634.html)



{bootbb} Need to solve this sidebar issue - johana - 2019-06-26

i want to give full length sidebars instead of some half length sidebars and want to put some space between forum panel and sidebar panel as it looking too clumsy now used advanced sidebox plugin if any other better plugin please suggest me

my site here : https://bit.ly/2LlK6PG

helps and suggestions welcomed pls


RE: {bootbb} Need to solve this sidebar issue - panayot - 2019-06-26

If you need to use a sidebar, BootBB is not suitable for you.

The main purpose of BootBB is to be a Responsive theme (which means that it works well on mobile devices). If you test your site on a mobile phone, you will see that the sidebar hides the forum ...


RE: {bootbb} Need to solve this sidebar issue - WallBB - 2019-06-27

You can use Flexbox two create two column sidebar and use space-between attribute of flexbox to control the space between the columns.
Since bootstrap grids are basically derived from flexbox, this method will work for you Smile


RE: {bootbb} Need to solve this sidebar issue - johana - 2019-06-27

thanks a lot for your replies will check out now

(2019-06-27, 02:56 AM)WallBB Wrote: You can use Flexbox two create two column sidebar and use space-between attribute of flexbox to control the space between the columns.
Since bootstrap grids are basically derived from flexbox, this method will work for you Smile

can you please send flexbox link ?


RE: {bootbb} Need to solve this sidebar issue - WallBB - 2019-06-29

(2019-06-27, 01:32 PM)johana Wrote: thanks a lot for your replies will check out now

(2019-06-27, 02:56 AM)WallBB Wrote: You can use Flexbox two create two column sidebar and use space-between attribute of flexbox to control the space between the columns.
Since bootstrap grids are basically derived from flexbox, this method will work for you Smile

can you please send flexbox link ?

Sent! Smile
Also you can find lot of tutorials on Google Search


RE: {bootbb} Need to solve this sidebar issue - Ashley1 - 2019-06-29

You should be using this for Bootstrap:

<div class="row">
	<div class="col-sm-8">Forums go here</div>
	<div class="col-sm-4">Sidebar is here</div>
</div>

That goes in your index template above {$forums}, then build whatever you want into that layout.