Я хочу, чтобы казалось, что языковая метка и выбор параметров в одной строке. Но я не мог сделать их в одной строке с помощью начальной загрузки col-md-6. Вся форма разделена на те же столбцы col-sm-6 внутри строки,Как вы видите на картинке, метка языка выбора и выбора не выглядит в одной строке, очень далеко друг от друга, и поле выбора сократилось. Как сделать так, чтобы они выглядели хорошо и нормально в одной строке?
Вот что я попробовал ниже:
<div class="row" style="margin-left:10px;">
<div class="col-sm-6">
<ul class="list-unstyled">
<li>
<div class="row">
<div class="col-md-6">
<h4>Language:</h4>
</div>
<div class="col-md-6" style="text-align:left">
<mat-form-field>
<select matNativeControl required>
<option value="english">English</option>
<option value="german">German</option>
</select>
</mat-form-field>
</div>
</div>
</li>
</ul>
<div class="col-sm-6">
...other form elements
</div>
</div>