Asp.net core 如何在cshtml文件中使用bootstrap 4将3个下拉选择表单放置在一行中

我试图将3个下拉选择项放在同一行中，但它们最终位于.cshtml文件的一列中

代码的缩短部分就在下面（完整的代码部分位于问题的末尾，包含当前结果）

在第一部分中，三件作品出现在预期的同一行中。（第2列、第5列、第5列）。 但是第二部分，三个选择下拉列表显示在一列中，而不是同一行中

项目ID
项目名称
项目说明
@（pi.项目说明）
技术：
@foreach（var tech in@ViewBag.ListOfTechnologies）
{
@如果（@pi.TechId==@tech.TechId）
{
@（tech.TechId）
}
其他的
{
@（tech.TechId）
}
}
主要用途：
@foreach（var app in@ViewBag.ListOfApplications）
{
@如果（@pi.main应用程序ID==@app.ApplicationId）
{
@（应用程序ID）
}
其他的
{
@（应用程序ID）
}
}
二次申请：
@foreach（var app in@ViewBag.ListOfApplications）
{
@如果（@pi.SecondaryApplicationId==@app.ApplicationId）
{
@（应用程序ID）
}
其他的
{
@（应用程序ID）
}
如果（@pi.SecondaryApplicationId==null）
{
未选择任何辅助应用程序。
}
}

---

如果使用了错误的类，则应在上使用col-md-2或son

---

查看文档

您需要这样更正代码：

<div class="row">
    <div class="col-2">
        <div class="form-group">
        </div>
    </div>
    <div class="col-2">
        <div class="form-group">
        </div>
    </div>
    <div class="col-2">
        <div class="form-group">
        </div>
    </div>
</div>

<div clas="row">
    <div class="col-4">
        <div class="form-group">
        </div>
    </div>
    <div class="col-4">
        <div class="form-group">
        </div>
    </div>
    <div class="col-4">
        <div class="form-group">
        </div>
    </div>
</div>

---

一切都很完美。您对第二行的

类

犯了拼写错误。您提到的不是

class

，而是

clas

1.
2.
3.
4.
5.
6.

有时会发生：）。快乐编码