Bootstrap Dropdownlist的宽度可以更改吗?

时间:2018-07-09 01:03:17

标签: asp.net-mvc twitter-bootstrap razor

我使用Visual Studio 2015创建asp.net MVC Web项目,当我创建剃刀视图的UI形式时使用Bootstrap。我想通过使用以下代码来增加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>

1 个答案:

答案 0 :(得分:0)

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

参考: https://getbootstrap.com/docs/4.0/components/forms/#form-controls

<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>

http://jsfiddle.net/aq9Laaew/81455/