Форма бутстрапа не отображается в строке (C#)

Question

Я пытаюсь получить форму для отображения строки. Я могу сделать это БЕЗ использования бутстрапа, но потом, очевидно, я теряю стиль CSS. Когда я пытаюсь использовать классы начальной загрузки, я получаю форму, отображаемую вертикально. У кого-нибудь есть быстрое решение для этого?

Вот мой 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

В случае, если кто заинтересован, мне удалось решить это, используя:

@using (Html.BeginForm("Index", "TouchPoint", FormMethod.Get, new { @class = "form-inline" })) 
{ 
<div class="form-group"> 
    <label for="filter">Filter by:</label> 
    @Html.DropDownList("FilterType", null, new { @class = "form-control", id = "filter" }) 
</div> 
<div class="form-group"> 
    <label for="search">Search for:</label> 
    @Html.TextBox("SearchString", null, new { @class = "form-control", id = "search" }) 
</div> 
<br /><br /> 
<div class="form-group"> 
    <label for="start">Start date:</label> 
    @Html.TextBox("StartDateFilter", null, new { @class = "form-control", id = "start" }) 
</div> 
<div class="form-group"> 
    <label for="end">End date:</label> 
    @Html.TextBox("EndDateFilter", null, new { @class = "form-control", id = "end" }) 
</div> 
<div class="form-group"> 
    <label for="display">Display:</label> 
    @Html.DropDownList("ItemDisplay", null, new { @class = "form-control", id = "display" }) 
</div> 
<div class="form-group"> 
    <label for="submitBtn" id="submitLabel">.</label><br /> 
    <button type="submit" class="btn btn-default" id="submitBtn">Submit</button> 
</div> 
} 

Answer 2

попробуйте этот код и изменить код

@{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> 
} 

Answer 3

Попробуйте другой

@using (Html.BeginForm("Index", "Person", FormMethod.Get, new { @class = "form-inline panel-body form-horizontal form-group" })) 
    { 
    <fieldset> 
     <p> 
     Filter by: @Html.DropDownList("FilterType", null, new { @class = "form-control" }) Search for: @Html.TextBox("SearchString", null, new { @class = "form-control" }) | Display: @Html.DropDownList("ItemDisplay", null, new { @class = "form-control" }) <input type="submit" class="btn btn-default" value="Submit" /> 
     </p> 
    </fieldset> 
    }