HTML表单不适合浏览器

我的ASP.NET MVC5应用程序中有一个HTML表单。 我的问题如下： 我希望表单在浏览器重新调整时进行调整。 例如：我有3个输入框，每个框都有标签。 在我的桌面浏览器上，它们应该并排放在一条（假设的）线上。 如果我缩小我的浏览窗口，他们之间应该会越来越多

因此，如果第三个文本框没有足够的位置，它应该放在第一个文本框下面，然后如果第二个文本框也没有足够的空间，它应该放在第一个文本框下面，然后再向下按第三个文本框

首先，我有3个这样的文本框：

如果浏览器调整大小，我希望框按如下方式对齐：

（来源：）

我在razor中有以下代码：

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
       <div class="form-control">
            <label for="dd1">Dropdown1</label>
            @Html.DropDownListFor(m => m.dd1, new SelectList(Model.listDd1))
       </div>
       <div class="form-control">
            <label for="dd2">Dropdown2</label>
            @Html.DropDownListFor(m => m.dd2, new SelectList(Model.listDd2))
       </div>
       <div class="form-control">
            <label for="tb1">Textbox1</label>
            @Html.TextBoxFor(m => m.tb1)
       </div>
}

@使用（Html.BeginForm（“Index”，“Home”，FormMethod.Post，new{enctype=“multipart/formdata”}））
{
下拉列表1
@DropDownListFor（m=>m.dd1，新选择列表（Model.listDd1））
下拉列表2
@DropDownListFor（m=>m.dd2，新选择列表（Model.listDd2））
文本框1
@Html.TextBoxFor（m=>m.tb1）
}

有没有人专门为我设计了相应的Twitter引导类？我在google/so/where上没有找到任何东西

任何帮助都将不胜感激

谢谢

请查看提供此功能的

你可以这样写：

<div class="container-fluid">
    <div class="row">
        <div class="col-md-4">
            Content here
        </div>
        <div class="col-md-4">
            Content here
        </div>
        <div class="col-md-4">
            Content here
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
            Content here
        </div>
        <div class="col-md-4">
            Content here
        </div>
        <div class="col-md-4">
            Content here
        </div>
    </div>
</div>

满足于此
满足于此
满足于此
满足于此
满足于此
满足于此

谢谢。我多次浏览这个链接文档，我用这种方式实现了它，但它不起作用。但现在，它起作用了。黑魔法P我会接受你的正确答案，谢谢：）没问题，很高兴它有帮助。