下拉列表格式问题

【问题标题】：Issue with drop down list formatting下拉列表格式问题
【发布时间】：2016-03-04 20:24:23
【问题描述】：

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

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

【问题讨论】：

请发布您完成的代码（CSS、Javascript 等）或提供a demo。

标签： c# html css model-view-controller view

【解决方案1】：

由于您使用的是引导 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>

【讨论】：

如果发现有用请举旗。