Bootstrap 4 引导项目可以放在一行6列中-如何调整代码

我有下面的引导代码片段。我正在学习如何在bootstrap中使用列/网格。如何将这些菜单名全部放在一行中。目前，鸡尾酒和酒吧菜单转到下一行，因为它已经超过了4个项目，而我希望它们彼此相邻

以下各项之间的区别是什么：

• col-md-3
• col-sm-5
• col-xs-12

目前，它将4项放在同一行中，然后将下一项放在下一行中。我想确保它们彼此平行并并排。不是多行。当调整窗口大小时，即在手机上显示时，这需要相同

总共应该有6列和1行

引导示例


点菜菜单


素食菜单


儿童菜单


午餐菜单


鸡尾酒


酒吧菜单

为了在正常屏幕上将6个项目放在一行中，您应该使用

col-md-2

class

在引导中，最大宽度是12，然后您应该将其除以6，得到一行中的6列

md

表示中等屏幕，

xs

表示超大屏幕等

您可以在文档中阅读更多内容