How can I wrap form content in bootstrap divs? I am fairly new to Drupal and I want to change the "add article" form a bit. Currently I have the following displayed:



I want to wrap these &lt;input&gt; fields in a few &lt;div&gt; so that I can apply bootstrap to it. I don't exactly how to do this, so I tried to alter the .twig files that are being called. For example MY_THEME/templates/form/input.html.twig. However all I can see is an &lt;input&gt; calling {{ children }}



If I place this in a div, it just wraps the whole form in this div. Is there a way to place the individual &lt;input&gt; fields in separate divs so that I can apply bootstrap to it?
The way you are suggesting works fine. (I just tested it). Try to clear your cache and hard refresh the page. If you do: 

&lt;div class="my_custom_class"&gt;&lt;input{{ attributes }} /&gt;{{ children }}&lt;/div&gt; 


you will have your form inputs wrapped in that div.

The other options is to use the form-element.html.twig or you can use the hook_form_alter and add prefix and suffix to your fields.