c# - Bootstrap 表单不显示内联 (C#)

Question

我正在尝试获取一个内联显示的表单。我可以在不使用 Bootstrap 的情况下做到这一点，但显然我失去了 CSS 样式。当我尝试使用 Bootstrap 类时，我最终以垂直显示的形式结束。有人对此有快速修复吗？

这是我的 HTML 辅助表单:

@using (Html.BeginForm("Index", "Person", FormMethod.Get, htmlAttributes: new { @class = "form-inline" })) {

<fieldset>
  <p>
    Filter by: @Html.DropDownList("FilterType", null, htmlAttributes: new { @class = "form-control" }) Search for: @Html.TextBox("SearchString", null, htmlAttributes: new { @class = "form-control" }) | Display: @Html.DropDownList("ItemDisplay", null, htmlAttributes:
    new { @class = "form-control" })
    <input type="submit" class="btn btn-default" value="Submit" />
  </p>
</fieldset>
}

Answer 1

尝试这段代码并修改你的代码

@{var listItems = new List<ListItem>
    {
          new ListItem { Text = "Exemplo1", Value="Exemplo1" },
          new ListItem { Text = "Exemplo2", Value="Exemplo2" },
          new ListItem { Text = "Exemplo3", Value="Exemplo3" }
    };
}
@using (Html.BeginForm("Index", "Home", FormMethod.Get, new { @class = "form-group" }))
{
  <fieldset>        
        <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="panel-body form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label"> Filter by:- </label>
                        <div class="col-sm-2">
                          @Html.DropDownList("Exemplo", new SelectList(listItems, "Value", "Text"), new { @class = "form-control" })
                        </div>
                        <label class="col-sm-2 control-label"> Search for:- </label>
                        <div class="col-sm-2">
                            @Html.TextBox(data.BannerName, null, new { @class = "form-control" })
                        </div>
                        <label class="col-sm-2 control-label"> Filter by:- </label>
                        <div class="col-sm-2">
                           @Html.DropDownList("Exemplo1", new SelectList(listItems, "Value", "Text"), new { @class = "form-control" })
                        </div>
                    </div>
                    <div class="form-group last">
                        <div class="col-sm-offset-4 col-sm-8">
                            <input type="submit" class="btn btn-default" value="Submit" />
                        </div>
                    </div>
                </div>                    
            </div>
         </div>    
       </div>
   </fieldset>
}