JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<form action="#" th:action="@{/admin/audio/albums}" th:object="${musicAlbumForm}" th:method="post">
<div class="form-row">
<div class="form-group col-md-6 col-lg-6">
<label>Album english name:</label>
<input type="text" class="form-control" th:field="*{englishName}"/>
<label>Album german name:</label>
<input type="text" class="form-control" th:field="*{germanName}"/>
<small class=".is-invalid form-text" th:errors="*{germanName}">Invalid album name</small>
<label>Album russian name:</label>
<input type="text" class="form-control" th:field="*{russianName}"/>
<small class=".is-invalid form-text" th:errors="*{russianName}">Invalid album name</small>
</div>
<div class="form-row">
<div class="form-group col-md-6 col-lg-6">
<label>Artist or band name:</label>
<input type="text" class="form-control" th:field="*{artistName}"/>
<small class=".is-invalid form-text" th:errors="*{artistName}">Invalid artistName name</small>
</div>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12 col-lg-12">
<label>Genres:</label>
<input type="text" class="form-control" th:field="*{genres}"/>
<small class=".is-invalid form-text" th:errors="*{genres}">Invalid genres description</small>
</div>
<div class="form-group col-md-12 col-lg-12">
<label>English description:</label>
<textarea class="form-control" th:field="*{englishDescription}"></textarea>
<small class=".is-invalid form-text" th:errors="*{englishDescription}">Invalid description</small>
<label>German description:</label>
<textarea class="form-control" th:field="*{germanDescription}"></textarea>
<small class=".is-invalid form-text" th:errors="*{germanDescription}">Invalid description</small>
...