引导窗体未显示在行中(C#)

引导窗体未显示在行中(C#),c#,css,asp.net,asp.net-mvc,twitter-bootstrap,C#,Css,Asp.net,Asp.net Mvc,Twitter Bootstrap,我正在尝试获取一个内联显示的表单。我可以在不使用引导的情况下实现这一点,但是很明显,我失去了CSS样式。当我尝试使用引导类时,结果是表单垂直显示。有人能快速解决这个问题吗 这是我的HTML助手表单: @using (Html.BeginForm("Index", "Person", FormMethod.Get, htmlAttributes: new { @class = "form-inline" })) { <fieldset> <p> Filter

我正在尝试获取一个内联显示的表单。我可以在不使用引导的情况下实现这一点,但是很明显,我失去了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>
}
@使用(Html.BeginForm(“Index”、“Person”、FormMethod.Get、htmlAttributes:new{@class=“forminline”})){

筛选依据:@Html.DropDownList(“FilterType”,null,htmlAttributes:new{@class=“form control”})搜索:@Html.TextBox(“SearchString”,null,htmlAttributes:new{@class=“form control”})|显示:@Html.DropDownList(“ItemDisplay”,null,htmlAttributes:
新的{@class=“表单控制”})

}
尝试此代码并修改您的代码

@{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>
}
@{var listItems=新列表
{
新列表项{Text=“Exemplo1”,Value=“Exemplo1”},
新列表项{Text=“Exemplo2”,Value=“Exemplo2”},
新列表项{Text=“Exemplo3”,Value=“Exemplo3”}
};
}
@使用(Html.BeginForm(“Index”,“Home”,FormMethod.Get,new{@class=“formgroup”}))
{
过滤条件:-
@DropDownList(“Exemplo”,new SelectList(列表项,“值”,“文本”),new{@class=“form control”})
搜寻:-
@TextBox(data.BannerName,null,new{@class=“form control”})
过滤条件:-
@DropDownList(“Exemplo1”,新选择列表(列表项,“值”,“文本”),新{@class=“form control”})
}
再试一次

@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>
    }
@使用(Html.BeginForm(“Index”,“Person”,FormMethod.Get,new{@class=“form inline panel body form horizontal form group”}))
{  

筛选依据:@Html.DropDownList(“FilterType”,null,new{@class=“form control”})搜索:@Html.TextBox(“SearchString”,null,new{@class=“form control”})|显示:@Html.DropDownList(“ItemDisplay”,null,new{@class=“form control”})

}
如果有人感兴趣,我可以通过以下方法解决此问题:

@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>
} 
@使用(Html.BeginForm(“Index”,“TouchPoint”,FormMethod.Get,new{@class=“forminline”}))
{
筛选依据:
@DropDownList(“FilterType”,null,新的{@class=“form control”,id=“filter”})
搜索:
@TextBox(“SearchString”,null,新建{@class=“form control”,id=“search”})


开始日期: @TextBox(“StartDateFilter”,null,新{@class=“form control”,id=“start”}) 结束日期: @TextBox(“EndDateFilter”,null,新的{@class=“form control”,id=“end”}) 显示: @DropDownList(“ItemDisplay”,null,新的{@class=“formcontrol”,id=“display”}) .
提交 }
如果看不到生成的HTML,很难判断。但这里有一个链接,其中有几个关于引导水平形式的答案。有些人在第二个答案的在线课程中遇到了问题。谢谢你的回答,但是这仍然不起作用。这种方法有效,我会尝试进一步修改它以得到我想要的。谢谢你的领先。