Twitter bootstrap 3 更改旋转木马列?

Twitter bootstrap 3 更改旋转木马列?,twitter-bootstrap-3,frontend,react-bootstrap,Twitter Bootstrap 3,Frontend,React Bootstrap,我有一个带3列的引导旋转木马,但我希望中屏幕有2列,小屏幕有1列。我怎样才能做到呢 当我将其调整到中等屏幕时,我希望item3切换到下一个旋转木马项目。 转盘滑块图像: 这是一个react引导代码。 项目1 项目2 项目3 项目4 项目5 项目6 您可以尝试为要隐藏的列使用引导显示属性。 例如: 隐藏在比lg更宽的屏幕上 隐藏在比lg更小的屏幕上 为中等屏幕定义md,更改其查询并设置md={6}和sm={12}。因此,您为中等屏幕设置了两列,为屏幕设置了一列 请发布您目前掌握的代码。一


我有一个带3列的引导旋转木马,但我希望中屏幕有2列,小屏幕有1列。我怎样才能做到呢

当我将其调整到中等屏幕时,我希望item3切换到下一个旋转木马项目。
转盘滑块图像:


这是一个react引导代码。

项目1
项目2
项目3
项目4
项目5
项目6

您可以尝试为要隐藏的列使用引导显示属性。 例如:

隐藏在比lg更宽的屏幕上
隐藏在比lg更小的屏幕上

为中等屏幕定义md,更改其查询并设置md={6}和sm={12}。因此,您为中等屏幕设置了两列,为屏幕设置了一列


请发布您目前掌握的代码。一张显示你的意思的图片也会很有帮助,告诉我们你尝试了什么。不要隐藏,我想把它转移到下一个旋转木马项目。
<div class="d-lg-none">hide on screens wider than lg</div>
<div class="d-none d-lg-block">hide on screens smaller than lg</div>