在引导程序中滚动列表组？

Question

我对此列表有一个剃刀视图：

<div class="list-group" id="product-filter-data">
                <div class="list-group-item row text-left">
                    <div class="col-sm-1 text-left">
                        <label class="checkbox-inline">
                            <input type="checkbox" id="check-all" value="option1"> All
                        </label>
                    </div>
                    <div class="col-sm-1 m-l-l text-left">
                        <input type="button" class="btn btn-tiny btn-default" id="check-none" value="select none">
                    </div>
                </div>
                <div id="list" style="max-height: 300px;" class="overflow-y-scroll">
                    @foreach (var item in Model.Items)
                    {
                        <div class="list-group-item row">
                            <div class="col-sm-1 text-left">
                                <label class="checkbox-inline">
                                    <input type="checkbox" name="IdContainers" value="@item.IdContainer"> Select
                                </label>
                            </div>
                            <div class="col-sm-2">
                                <a class="media-left" href="@Url.Action("Product", "Container", new { id = item.IdContainer })">
                                    @Html.DisplayFor(m => item.Image)
                                </a>
                            </div>
                            <div class="col-sm-9">
                                <div class="media-body">
                                    <h4 class="media-heading product_name">@item.DisplayName</h4>
                                    @Html.Raw(item.Description)
                                </div>
                            </div>
                        </div>
                    }
                </div>
            </div>

我的问题是结果没有与可滚动的行排成第一行。

卷轴是否有保持对齐的方式？