Question

我使用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>

Answer 1

您可以通过调整引导网格来更改下拉列表的宽度。由于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/

Bootstrap Dropdownlist的宽度可以更改吗？

1 个答案: