下拉列表格式问题

Question

代码没有以正确的方式格式化产品和员工的列表。有任何想法吗？

<div class="form-group">
    Select a Product
    <div class="col-md-10">
        <select name="ProductId">
            @foreach (SugarHighBakerySystem.Models.Product product in ViewBag.products)
            {
                <option value="@product.ProductId">@product.ProductName</option>
            }
        </select>
    </div>

Answer 1

由于您使用的是bootstrap css框架，因此您需要包装该标签＆＃34;选择产品名称＆＃34;在你的列类=＆＃34; col-md-10＆＃34;中。您需要了解网格系统的行为。 Bootstrap在大屏幕上制作了12个网格，因此当您放置div列10时，可以理解其余部分将插入下一个可用列以到达12标准列。

  <div class="col-md-12>
   <label>Select Product</label>
   <select name="ProductId">
     <option>Option 1</option>
     <option>Option 2</option>
     <option>Option 3</option>
   </select>
  </div>