ASP.NET MVC引导启用水平滚动条

我想生成一个类似于输入行数和列数的表单，它将在下一个操作中表示所需的行数和列数

假设我输入的行数是4，列数是5。最右边的列成为最后一行下方的最底部。我不希望这样，我希望它能够启用水平滚动条。这是我的密码

<div class="container">
<div class="row">
    <div class="col-md-12">
        @for (int i = 0; i < Model.Columns.Capacity; i++) // Columns Capacity is 5
        {
            <div class="col-md-3">
                <div class="row">
                    @for (int k = 0; k < Model.Rows.Capacity; k++) //Rows Capacity is 4
                    {
                        <br />
                        <input type="text" name="name" class="form-control" />
                        <br />
                    }
                </div>
            </div>
        }
    </div>
</div>

@对于（int i=0；i


}
}

之后，输出如下所示：

---

我希望第5列是水平滚动条启用。谢谢

您可以设置容器的宽度，使其不会缠绕，例如：

@{ 
    // standard col-md-3 form-control width, but needs to be hardcoded here
    // doesn't need to be exact and should include the padding/margin
    var inputwidth = 239;  
    var width = inputwidth * Model.Columns.Capacity;
}
<div class="container" style='width:@(width)px;overflow-y:auto'>

---

您可以设置容器的宽度，使其不会缠绕，例如：

@{ 
    // standard col-md-3 form-control width, but needs to be hardcoded here
    // doesn't need to be exact and should include the padding/margin
    var inputwidth = 239;  
    var width = inputwidth * Model.Columns.Capacity;
}
<div class="container" style='width:@(width)px;overflow-y:auto'>

---

---

这就是推特引导程序的设计目的——如果“行”太宽，则将其包装起来。如果不希望行包装，请使用

或将容器上的宽度设置为

input width*列数

和style

overflow-y:scroll

请详细说明第二点并将其应用到我的代码中。使用表格的过程有点长。谢谢你才意识到你的车开错了方向。我想知道为什么最后一列会被包装到底部，而不是像普通引导一样包装“行”中的每一列。从不使用引导开始这就是twitter引导设计的目的——如果“行”太宽，则包装“行”。如果您不想换行，只需使用

。或者，将容器上的宽度设置为

input width*number of columns

和style

overflow-y:scroll

请详细说明第二点并将其应用于我的代码。使用表格的过程有点长。谢谢你才意识到你的车开错了方向。我想知道为什么最后一列会被包装到底部，而不是像普通引导一样包装“行”中的每一列。首先不要使用bootstrapThanks进行注释，实际上它启用了水平滚动条。但它实际上并没有将列的数量扩展到4个以上。如果列的容量大于4。等待您的帮助。好吧，引导被分成12列，如果每个列占用3（

col-md-3

），那么您只能有4列。。。（3x4=12）您可以将

col-md-3

更改为

col-md-1

，但之后您将再次被困在12。感谢它确实帮助了我，但如果我不使用引导来克服这种情况，该怎么办？你能不能给我一个解决方案，不用引导就能解决我的问题，并用滚动条获得所需的列数。我会非常感谢你的。提前谢谢。谢谢你，兄弟，你太棒了。：）感谢您的评论，实际上它确实启用了水平滚动条。但它实际上并没有将列的数量扩展到4个以上。如果列的容量大于4。等待您的帮助。好吧，引导被分成12列，如果每个列占用3（

col-md-3

），那么您只能有4列。。。（3x4=12）您可以将

col-md-3

更改为

col-md-1

，但之后您将再次被困在12。感谢它确实帮助了我，但如果我不使用引导来克服这种情况，该怎么办？你能不能给我一个解决方案，不用引导就能解决我的问题，并用滚动条获得所需的列数。我会非常感谢你的。提前谢谢。谢谢你，兄弟，你太棒了。：）