IWRegion/IWBSRegion in HTML template

[matija]

I use Delphi xe8 in combination with Intraweb 14.1.13. In my intraweb application I use HTML templates after bootstrap mode.
 
How do I have to insert (settting) a TIWBSRegion/TIWRegion into an HTML template that has some elements inside it?
 
Elements (TIWLabel/TIWBSLabel, …) lose their format!  But if they are not within TIWBSRegion/TIWRegion, the form is OK.
  
I also tried to use IWBootstrap elements, but not help.
 
Part of HTML template:
 
<div class="container-fluid">
     <div class="row">
          {%MyIWBSRegion%}
            <div class="col">
                  <h1><span class="badge badge-info">{% MyIWBSLabel0%}</span></h1>
                  <h2>{%MyIWBSLabel1%}</h2>
                  <h2>{% MyIWBSLabel2%}</h2>
             </div>
        </div>
</div>

Hi,

I tested your example but I'm kind of confused about the expected outcome. How do you expect this to be rendered?

Your labels have all StyleRenderOptions settings set to false. This means that no style will be rendered for them. In that case, everything should be controlled by a style sheet provided by you, but I don't see any. So, I'm wondering how do you expect them to be in the final HTML....

Ok, again! 

In sample3.zip i have 3 IWForms. IWForm1 without HTML template, IWForm2 and IWForm3 with HTML template (in App Path\Templates).

Good IWForm2 (no IWRegions) accepts the position and format of the HTML template (IWForm2.html). 

IWForm3 (with IWRegions) NOT accepts the position and format of the HTML template (IWForm3.html). 

My target good IWForm3 with right position and format as defined HTML template!

I do NOT want to define CSS in IW component properties. I deliberately did NOT change the StyleRenderOptions.

Otherwise, I can not explain.