如何避免使用col在react-bootstrap中呈现某些内容?

时间:2019-03-05 21:11:27

标签: reactjs bootstrap-4 react-bootstrap

我注意到react bootstrap在过去几个月中经历了一次重大更新。同时,我觉得有些东西完全坏掉了,不能用于他们的目的。

如果您查看grid documnetation并在过去使用过它,您将知道以下代码将在大屏幕上呈现,但不会在智能手机上呈现。

<Row>
<Col xs={0} md={8}>
  <p> Hello World </p>
</Col>

根据他们的文档:

  

通过Col可以指定5个断点大小(xs,sm,md,large和xl)的列宽。对于每个断点,您可以指定要跨越的列数,或将prop设置为自动布局宽度。

我面临的问题是,即使我在更新后立即指定md = {0}和xs = {0},所有内容仍将显示在我的网站上,并且什么都不会被隐藏。还有其他人遇到相同的问题吗?如果是,您如何解决?

编辑:如果您在计算机上看到Golang website并尝试调整屏幕大小,则您会看到当屏幕太小时右侧的图像会消失。我正在尝试达到与更新之前相同的效果。

0 个答案:

没有答案