HTML引导表单样式

如何使此列表显示文本框上方的按钮？如

代码是：

 <form id="Data" runat="server" class="p-3 mb-2 bg-primary text-dark">
     <div class="form-group col">
        <label for="Countries" class="control-label">Email address</label>
            <asp:DropDownList name="Countries" ID="Countries" runat="server" AppendDataBoundItems="true" OnSelectedIndexChanged="Countries_Selected">
            <asp:ListItem Text="<Seleccione país>" Value="0" />
            </asp:DropDownList>
     </div>
     <div class="form-group col">
        <label for="DateIn" class="control-label">Email address</label>
            <asp:Textbox runat="server" TextMode="Date" name="DateIn" ID="DateIn" Text="Seleccione Fecha Devolucion">
            </asp:Textbox>
     </div>

     <div class="form-group col">
        <label for="DateOut" class="control-label">Email address</label>
            <asp:Textbox runat="server" TextMode="Date" name="DateOut" ID="DateOut" Text="Seleccione Fecha Retiro">
            </asp:Textbox>
     </div>

     <div class="form-group col">
        <label for="smth" class="control-label">Email address</label>
            <asp:DropDownList name="smth" ID="smth" runat="server" AppendDataBoundItems="true" OnSelectedIndexChanged="Countries_Selected">
                <asp:ListItem Text="<Seleccione país>" Value="0" />
            </asp:DropDownList>
     </div>

    </form>

电子邮件地址
您可以使用
display:flex
获取布局。您需要进行更多调整，以获得与样式匹配的输入

我创建了两个助手类：
columns
和
col

columns
是一个带有
display:flex
的容器div
col
是div中带有
flex:1
的每一列，这意味着它们将在容器中均匀分布


表单{
宽度：400px；
背景#278339；
颜色：#FFF；
填充：20px；
}
输入，
挑选{
宽度：100%；
边缘底部：10px；
}
.栏目{
显示器：flex；
}
上校{
弹性：1；
右边距：15px；
}

费查·霍拉里奥·雷格索
分类：
使用两行
行，一行有两行
col-6
，一行有两行
col-3
。我只使用了一个内联css样式。如果表单位于具有相同大小的另一个元素内，则不需要这样做。否则，将其更改为通过设计的任何数字



费查·霍拉里奥·雷格索
分类：
一
二
三
一
二
三
一
二
三
很抱歉，我对CSS完全没有兴趣，似乎在bootstrap 4中已经创建了col类，这会有问题吗？如果我再次创建它？@GonzaloIgnacioVeraPortilla是的，那么你应该将名称更改为
my col
或任何唯一的名称，类名可以是任何东西。@mahan你的答案在哪里？@mahan我也会这么说，你的评论对这个问题毫无帮助，如果你想指出某人答案中的错误，请处理细节和备选解决方案Bootstrap 4没有
col xs
它只是
col
。因此我假设col md也没有做任何事情？
col md
有效，请参阅：