Combine 2 fields in one div with Twig I have three templates


field--field-custom.html.twig
field--field-custom1.html.twig
field--field-image.html.twig


I also have a teaser template containing all three fields like that: 

&lt;div{{ content_attributes.addClass('node__content', 'container') }}&gt;
    {{ content }}
&lt;/div&gt;


I want to have the first two templates in a bootstrap div, for example 

col-sm-6


and the third template in the other div 

col-sm-6


If I include the second template in the first template file it just repeats the field instead of rendering the intended field (both templates are name suggestions of the same file). 
What can I do in order to have both fields in the same template file?
Just chunk the output by using the field names:

&lt;div class=“col-6-sm”&gt;{{ content.field_custom }} {{ content.field_custom1 }}&lt;/div&gt;

Then do the same for the remaining field.