Formatting and cb content module

Hello there,

I try to use CB content module to show the basic information tab into a module.
In the module i use this code:
[cb:usertab tab="11" /]

and i have tried to enable the "Use CB template" and/or "Enable CB Javascript" options.
The result is the same:

At frontpage i get all the information in an unformatted row (not the format from the original tab).

Example:
IDGenderNameSurnameAgeGroup ....etc

Firstly, i thought that maybe there is a problem with the default tabs, then i created a delimiter field in which i loaded the information tab, then i put this field in a custom tab and loaded this new tab in the module, but i get the same result.

Also, i loaded this module in another module (widgetkit), but i got the same result. I disabled it in case there was a js conflict and still the same (Note: Other tabs, like Activity, show just fine)

I know that i can use cb field like [name] etc like this:
Name: [name] but i was wondering if there was an easier way

Please review the below substitution tutorial carefully.

www.allmysocials.com/directory/tutorials/item/233-substitution-usage

Substitutions can have different outputs, reasons, and formatting applied to them to alter their display. By default the output is html and the formatting is none. So for example the below will DIV format a tab substitution.

[cb:usertab tab="11" formatting="div" /]

If you're using CB Bootstrap you need to surround the substitution with bootstrap templates CSS selector as it only styles it self to avoid styling outside of CB. Example as follows.

<div class="cb_template_bootstrap">[cb:usertab tab="11" formatting="div" /]</div>