Asp.net mvc 引导下拉列表的宽度是否可以更改?

Asp.net mvc 引导下拉列表的宽度是否可以更改?,asp.net-mvc,twitter-bootstrap,razor,Asp.net Mvc,Twitter Bootstrap,Razor,我使用Visual Studio 2015创建asp.net MVC web项目,在创建razor视图的UI表单时使用引导。我想通过使用以下代码来增加Bootstrap Dropdownlist的宽度,但是代码不起作用,Bootstrap Dropdownlist的宽度是可变的吗 <div class="form-group"> <div class="col-xs-3 text-right"> <label for ="co

我使用Visual Studio 2015创建asp.net MVC web项目,在创建razor视图的UI表单时使用引导。我想通过使用以下代码来增加Bootstrap Dropdownlist的宽度,但是代码不起作用,Bootstrap Dropdownlist的宽度是可变的吗

<div class="form-group">
        <div class="col-xs-3 text-right">
            <label for ="coordDesc">Coord </label>  
        </div>   
        <div class="col-xs-9" id="t1">                                
                    @Html.DropDownList("MovieType", new SelectList(ViewBag.MovieType, "Value", "Text"), new { @class = "form-control", style = "width:1200px;" })           
        </div>
 </div>

坐标
@DropDownList(“MovieType”,new SelectList(ViewBag.MovieType,“Value”,“Text”),new{@class=“form control”,style=“width:1200px;”)

您可以通过调整引导网格来更改下拉列表的宽度。由于
表单控件
类,下拉列表的宽度将根据其父级的
宽度
自动调整。希望这会有帮助

参考:


坐标
-

您是否确保容器为1200像素(减去表单控件使用的边距)?使用F12工具进行验证。是的,我确保,实际上,您可以使用我的代码创建一个简单的测试用例来进行验证,如果您有不同的结果,请告诉我。谢谢我正在使用Visual Studio 2015 mvc模板开发我的mvc web应用程序,所有视图都基于此模板,您的代码在此模板中不起作用。在进一步测试之后,我发现如果我在_Layout.cshtml文件中注释掉下面的.css文件,那么它工作得很好,@ViewBag.Title-我的ASP.NET应用程序@*@Styles.Render(“~/Content/css”)*@//我注释掉了这行代码@Scripts.Render(“~/bundles/modernizer”)但是这个@Styles.Render(“~/Content/css”)文件是由mvc模板提供的,如果我删除了它,整个UI都会受到影响,有没有办法保持它并且使dropdownlist的宽度可以更改?你可以使用
max width
属性。试试这个:
@Html.dropdownlist(“MovieType”,new SelectList(ViewBag.MovieType,“Value”,“Text”),new{@class=“form control”,style=“max width:100%”)
最大宽度刚刚将宽度调整为内容的最大长度,我认为只要它显示内容的最大长度,就可以了,
<div class="form-group row">
    <div class="col-sm-2 text-right">
        <label for ="coordDesc">Coord </label>
    </div>
    <div class="col-sm-10">
        <select class="form-control">
            <option>-</option>
        </select>
    </div>
</div>