Html 如何防止文本frm与输入字段重叠?

Html 如何防止文本frm与输入字段重叠?,html,css,Html,Css,我想构建一个在大屏幕上查看时包含两列的表单,在小屏幕(如手机)上查看时,该表单将变为一列 我的方法如下。当我在我的桌面上全屏显示它时,它看起来很好。当我用一个非常窄的屏幕在我的桌面上显示它时,它看起来也很好;表格缩减为一列。但是,在大小之间,当标签(“语言”)与选择字段重叠时,会有一些宽度 我能以某种方式防止这种情况吗 提前谢谢 <form class="form-horizontal" action="/action_page.php"> <div class="row"&

我想构建一个在大屏幕上查看时包含两列的表单,在小屏幕(如手机)上查看时,该表单将变为一列

我的方法如下。当我在我的桌面上全屏显示它时,它看起来很好。当我用一个非常窄的屏幕在我的桌面上显示它时,它看起来也很好;表格缩减为一列。但是,在大小之间,当标签(“语言”)与选择字段重叠时,会有一些宽度

我能以某种方式防止这种情况吗

提前谢谢

<form class="form-horizontal" action="/action_page.php">

<div class="row">
    <div class="col-sm-6">
        <div class="form-group">
          <label class="control-label col-sm-2" for="email">Language:</label>
          <div class="col-sm-10">
            <select class="form-control" name="language" id="language">
                <option value="none">(no restriction)</option>
                <option value="Deutsch">German</option>
                <option value="Englisch">English</option>
            </select>
          </div>
        </div>
        <div class="form-group">
          <label class="control-label col-sm-2" for="pwd">Language2:</label>
          <div class="col-sm-10">          
            <select class="form-control" name="language" id="language">
                <option value="none">(no restriction)</option>
                <option value="Deutsch">German</option>
                <option value="Englisch">English</option>
            </select>
          </div>
        </div>
    </div>

    <div class="col-sm-6">
        <div class="form-group">
          <label class="control-label col-sm-2" for="email">Language:</label>
          <div class="col-sm-10">
            <select class="form-control" name="language" id="language">
                <option value="none">(no restriction)</option>
                <option value="Deutsch">German</option>
                <option value="Englisch">English</option>
            </select>
          </div>
        </div>
        <div class="form-group">
          <label class="control-label col-sm-2" for="pwd">Language2:</label>
          <div class="col-sm-10">          
            <select class="form-control" name="language" id="language">
                <option value="none">(no restriction)</option>
                <option value="Deutsch">German</option>
                <option value="Englisch">English</option>
            </select>
          </div>
        </div>  
    </div>
</div>

</form>

语言:
(无限制)
德国的
英语
语言2:
(无限制)
德国的
英语
语言:
(无限制)
德国的
英语
语言2:
(无限制)
德国的
英语

尝试在所有字段中使用col md。谢谢