Asp.net mvc 如何解决引导中所选选择样式的布局问题?
我试图通过使用引导css应用一种风格,但每次都不成功 我想做的是:Asp.net mvc 如何解决引导中所选选择样式的布局问题?,asp.net-mvc,twitter-bootstrap,css,jquery-chosen,Asp.net Mvc,Twitter Bootstrap,Css,Jquery Chosen,我试图通过使用引导css应用一种风格,但每次都不成功 我想做的是: <link href="~/Theme/css/chosen.css" rel="stylesheet" /> <link href="~/Theme/Bootstrap37/css/chosen-bootstrap.css" rel="stylesheet" /> <section id="contact-page" class="EditMode" style="displa
<link href="~/Theme/css/chosen.css" rel="stylesheet" />
<link href="~/Theme/Bootstrap37/css/chosen-bootstrap.css" rel="stylesheet" />
<section id="contact-page" class="EditMode" style="display:none;">
<div class="container">
<div class="row ">
<div class="status alert alert-success" style="display: none"></div>
<div class="col-md-12 col-xs-12">
<h5> Change your information</h5>
<form id="" class="" name="c_signup" method="post" action='@Url.Action("CSignUp","Profile", new { area="CPortal"})'
enctype="multipart/form-data" onSubmit="return validation(this)">
<div class="col-xs-6">
<div class="form-group">
<label>Speciality</label>
<div >
@Html.HiddenFor(m => m.SelectedSpecialityTest)
@Html.ListBoxFor(m => m.SelectedSpecialityIds,
new MultiSelectList(Model.Specialities, "OID", "SpecialityDesc"),
new { @class = "chosen-select form-control", @required = "required" })
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
jQuery(document).ready(function () {
$(".chosen-select").chosen({ no_results_text: "Oops, nothing found!" });
});
更改您的信息
特长
@Html.HiddenFor(m=>m.SelectedSpecialityTest)
@Html.ListBoxFor(m=>m.selectedSpecialityId,
新的多选列表(Model.Specialities、“OID”、“SpecialityDesc”),
新建{@class=“selected select form control”,@required=“required”})
jQuery(文档).ready(函数(){
$(“.selected”).selected({no_results_text:“Oops,找不到任何东西!”});
});
现在,当我看到视图时,选择下拉菜单并没有显示,而是显示一条很小的线
请参见此处的完整工作流程:
也许正是因为这一点,我在一个页面上有两个部分,一次只显示一个部分。function enableEdit(){$('.EditMode').show();$('.ViewMode').hide();}发布一个工作代码片段,这样我们就可以看到我上传到某个地方的内容,然后共享它