Css 我想让我的水平桌与我的桌子垂直

我想让我的水平桌子在垂直方向上。我的意思是我的桌子现在是水平的，我想让它垂直。我不在乎它是表属性还是div属性。 谢谢

我不知道我的问题还能写些什么

正文{
背景色：#596770；
左边距：85px；/*与sidenav的宽度相同*/
利润上限：102.5px；
字体大小：18px；/*增加文本以启用滚动*/
填充：0px 52px 0px 52px；
字号:35 ;；
颜色：白色；
字体系列：蒙特塞拉特，无衬线；
}
桌子{
}
th{
宽度：423px；
身高：273px；
}
.最新的img{
最大宽度：100%；
}
.关于{
利润率：-45px 0px 0px-52px；
}
/*左下角文本*/
.左下角{
位置：绝对位置；
底部：8px；
左：16px；
}

最新消息
表，th{
边框：1px纯黑；
}
表，tr{
边界：0px；
}
图2
图3

您可以使用引导和col标记。当屏幕变小时，列将垂直向下移动。这里有一个例子：

当我尝试使用引导时，它干扰了我自己的CSS。有可能，只让引导CSS在我的网站的一个特殊数据量上工作。

看看您的示例，您不需要实际的表格，而是需要一些网格来放置新闻项。我不知道您希望支持哪些浏览器，但可能是解决方案。然后，您可以根据屏幕宽度定义不同的网格。

您正在寻找类似的网格吗

*{
保证金：0；
}
.桌子{
显示：表格；
宽度：100%
}
.tr{
显示：表格行；
}
.td{
显示：表格单元格；
边框：1px实心#ccc；
填充：5px
}
@介质（最大宽度：768px）{
.tr{
显示：块；
浮动：左；
}
.td{
显示：块；
}
}

测试1
测试2
测试3
测试4
测试5
测试6
测试1
测试2
测试3
测试4
测试5
测试6

这就是您要寻找的：

col-sm-4a
col-sm-4a
col-sm-4a
col-sm-4a
col-sm-4a
col-sm-4a
.col-sm-4b
.col-sm-4b
.col-sm-4b
.col-sm-4b
.col-sm-4b
.col-sm-4b

我会检查一下。引导程序干扰了我的导航条。你到底在找什么？？您提到了导航栏与网格的冲突，但代码中没有导航栏？？？