Css Boostrap 4容器、行、列和水平滚动

Bootstrap 4有没有办法创建一个类似于表的结构，其中包含“container”、“row”和“col”，容器扩展到页面宽度之外，从而形成一个水平滚动区域

---

在我现在的示例中，当区域空间不足时，行中的列总是被包装到下一行，这对于显示表来说是不可取的。

可能您想要的是阻止列包装，有一个类似的问题

基本上在类

中使用
行
。flex nowrap

---

我同意@cloned from the comment-要以表格格式显示数据，使用表格标记绝对没有错，bootstrap还可以帮助您解决这些问题：

下面是一个对我来说很好的示例。很酷的东西

@{
    ViewBag.Title = "Home Page";
}

<div>
    <h1>Content</h1>
    <p>Dit is de content van de site</p>
    <div>
        <div class="table-responsive text-nowrap" >
            @for (int i = 0; i < 20; i++)
            {
                <div class="row flex-nowrap">
                    @for (int index = 0; index < 12; index++)
                    {
                        <div class="col">Column @index</div>
                    }
                </div>
            }
        </div>
    </div>
</div>

@{
ViewBag.Title=“主页”；
}
内容
Dit是网站的内容

@对于（int i=0；i<20；i++）
{
@对于（int-index=0；index<12；index++）
{
列@索引
}
}

什么东西反对什么都不使用，只会导致整个页面滚动。页面的页眉和页脚是有响应的，所以它们也会从视图中滚出来。是的，差不多了。现在我得到了一个在浏览器视图外展开的表，浏览器显示了一个水平（和垂直）滑块。我想要的是一个只针对表格而不是整个页面的滑块。表格响应功能满足我的需要。是的，您需要两者都满足我的需要。外部分区的表格响应功能和.row分区的.flex nowrap功能。