引导窗体未显示在行中(C#)
我正在尝试获取一个内联显示的表单。我可以在不使用引导的情况下实现这一点,但是很明显,我失去了CSS样式。当我尝试使用引导类时,结果是表单垂直显示。有人能快速解决这个问题吗 这是我的HTML助手表单:引导窗体未显示在行中(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
@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,很难判断。但这里有一个链接,其中有几个关于引导水平形式的答案。有些人在第二个答案的在线课程中遇到了问题。谢谢你的回答,但是这仍然不起作用。这种方法有效,我会尝试进一步修改它以得到我想要的。谢谢你的领先。