如何将文本保持在div'；s HTML/Bootstrap

因此，我的文本以一定的大小从我的页面中“掉落”，我该如何阻止它

我在谷歌上搜索过很多东西，但都没有用

如果你看看我的截图，你就会明白我的意思，下面的代码也是受害者

提前谢谢

CRN
主题
课程
信用
标题
天
时代
教练
属性
困难教授
教授评级
会再次
{所有_数据%中的行的%}
{{row['subc']}}
{{row['crse']}
{{row['cred']}
{{row['title']}
{{row['days']}
{{row['time']}
{{row['instr']}
{{row['Attr']}
{{row['profDiff']}}}%
{{row['profating']}
{{row['profwouldtakeer']}
{%endfor%}

一种方法是在有问题的div上使用

溢出：滚动

，使其可滚动：

.container>div{
溢出：滚动；
背景色：#fff；
}
身体{
背景颜色：粉红色；
}

CRN
主题
课程
信用
标题
天
时代
教练
属性
困难教授
教授评级
会再次
{所有_数据%中的行的%}
{{row['subc']}}
{{row['crse']}
{{row['cred']}
{row['title']}}
{{row['days']}
{{row['time']}
{{row['instr']}
{{row['Attr']}
{{row['profDiff']}}}%
{{row['profating']}
{{row['profwouldtakeer']}
{%endfor%}

这是一个很酷的解决方案，我非常感激！然而，似乎恼人的最终用户看到他们的内容被切断，有任何其他方法来处理这一点？我能不能缩小/推开div的其余部分以使其适合？@Oze-answer-edited.HTML表格对响应性不是很好（正如您刚刚发现的那样）。他们也不是伟大的小屏幕尺寸，不管。考虑删除小尺寸的列或显示数据的另一种方式。这就是为什么Bootstrap具有<代码>表响应< /代码>的原因。