Html 带动态div的bootstrap灵活行

我想有一个未确定的div数行，但当div数太多时，我想往下走

我现在有这个

剃刀代码：

<div class="container-fluid">
    <div class="row">
        @foreach (Boda.Domain.Entities.Polls poll in Model.Polls)
        {
            <div class="col-md-3 col-lg-3 col-md-3">
                <div class="header-encuesta">
                    <span class="text-white">@Model.Name</span>
                </div>
                <div class="well">
                    @using (Html.BeginForm("Vote", "Poll", routeValues: new { id = Model.Id, option = 0 }))
                    {
                        <ul>
                            @foreach (PollOptions option in Model.PollOptions)
                            {
                                <li>@Html.CheckBox(option.OptionName, false, new { onclick = "ActionVote('" + (Model.Id) + "','" + (option.Id) + "')" }) @option.OptionName</li>
                            }
                        </ul>
                    }
                </div>
            </div>
        }
    </div>
</div>

@foreach（Boda.Domain.Entities.Polls在Model.Polls中轮询）
{
@型号.名称
@使用（Html.BeginForm（“投票”，“投票”，routeValue:new{id=Model.id，option=0}））
{

@foreach（Model.PollOptions中的PollOptions选项）
{
@Html.CheckBox（option.OptionName，false，新的{onclick=“ActionVote”（“+（Model.Id）+”，“+（option.Id）+“）”）”}@option.OptionName
}

}
}

根据，如果一行中有超过12列，引导会自动将其他列包装到下一行，这样您就不必对代码进行任何更改

如果选中此示例：使用以下布局：

<div class="container-fluid">
    <div class="row">
        <div class="col-md-3"><div class="content"></div></div>
        <div class="col-md-3"><div class="content"></div></div>
        <div class="col-md-3"><div class="content"></div></div>
        <div class="col-md-3"><div class="content"></div></div>
        <div class="col-md-3"><div class="content"></div></div>
        <div class="col-md-3"><div class="content"></div></div>
    </div>
</div>

您添加的任何附加列都将从右侧追加，并在添加更多列时向左追加

---

下面是一个JSFIDLE，它从右向左添加列div:

考虑到每个框的高度可能是动态的，您是否尝试将轮询内容框自动向左移动？最后，我使用div.container-fluid>.row>.col-md-3{float:right；}

@media (min-width: 992px){
    .col-md-3 {
        float:right;
    }
}