如何解决在 Bootstrap 5 中垂直对齐项目和隐藏元素不起作用?
我正在使用 Bootstrap 5 并且我垂直居中对齐这个 div 并且当屏幕尺寸为 md 和更小时时也隐藏这个部分。但出于某种原因,只有当我没有“d-none d-md-block”时,它才会垂直居中对齐。一旦我添加了“d-none d-md-block”,它就不再垂直居中了。任何建议,将不胜感激。谢谢。
<div
class="
d-flex
col-md-5
align-items-center
justify-content-evenly
px-5
bg-secondary
d-none d-md-block
"
> ```
解决方法
d-flex
在 CSS 中设置 display: flex
d-md-block
在 CSS 中设置 display: block
.. 您正在覆盖“flex”。
将您的 d-md-block
更改为 d-md-flex
。 (也删除d-flex
,因为您不需要它。)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。