c# - 下拉列表格式问题

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 框架，因此您需要将该标签“选择产品名称”包装在您的列 class="col-md-10"中。您需要了解网格系统的行为。 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>