I will show you how to implement Bootstrap containers and columns in your topics.
Containers are the most basic layout element in Bootstrap. In this example, containers are used to contain our blocks.
Let’s start:
Inside your administration control panel “ACP”, click on the tab “Posting”
Then click on BBcode
At the end of the BBcode list, click on the button called “Add a new BBcode”
We will begin to create the container…
BBCode usage
Here you define how to use the BBCode.
[bc1={SIMPLETEXT}]{TEXT}[/bc1]container, container-sm, container-md, container-lg, container-xl, container-xxl or container-fluid
HTML replacement
Here you define the default HTML replacement.
<div class="{SIMPLETEXT}"><div class="row">{TEXT}</div></div>Help line
Container for blocks [bc1=container style]your block here[/bc1]Finally, we will create the “row” block (Column)
BBCode usage
Here you define how to use the BBCode.
[bc2={SIMPLETEXT}]{TEXT}[/bc2]HTML replacement
Here you define the default HTML replacement.
<div class="{SIMPLETEXT}">{TEXT}</div>Help line
Row block for container [bc2=block style]TEXT[/bc2]How to use all this:
Read this: https://getbootstrap.com/docs/5.0/layout/columns/ to understand how the columns works in Bootstrap.
[bc1=container][bc2=row][bc2=col]YOUR CONTENT[/bc2][/bc2][/bc1]
or something like:
[bc1=container][bc2=row][bc2=col]YOUR CONTENT 1[/bc2][bc2=col]YOUR CONTENT 2[/bc2][bc2=col]YOUR CONTENT 3[/bc2][/bc2][/bc1]
That’s it!