在下面的代码块中, bootstrap 类d-none d-md-block正在取消d-flex.

<div class="col-md-6 col-sm-12 custom-right d-none d-md-block d-flex">                              
   <h2 class="align-self-end">Title Here</h2>                       
</div>

推荐答案

如果我理解正确的话,你根本不应该用d-block.将其和d-flex替换为d-md-flex,以便仅将flex display应用于中等断点及以上.

https://getbootstrap.com/docs/5.1/utilities/flex/#enable-flex-behaviorshttps://getbootstrap.com/docs/5.1/utilities/display/#hiding-elements.

Html相关问答推荐

传单自定义标记(divIcon)html/css不适用

z—index总是 destruct 我的头,我该如何修复它?

如何修复与导航栏重叠的css网格?

带有MathJax SVG的HTML代码在XHTML中不起作用

我应该怎么做才能显示出整个字符串?

如何使用HTML和css代码在vb.net上打印POS

如何显示自定义按钮以将产品添加到WooCommerce购物车?

div居中碰撞问题

目标第一个祖先标签的 XPath

margin-top 未应用于无序列表的第一项

对齐列表项内的文本,使其不在元素装饰下

获取链接到功能的网页表单

这两个CSS中的网格居中对齐内部盒子有什么区别?

如何通过像图像一样的 元素来调整 SVG 图标的大小

重点/主动输入的概述问题

表格中每 4 行条纹一次

无法使用 flexbox 裁剪图像

如何使用 CSS Flex 设计一个导航栏,其中一组项目左对齐而另一组项目右对齐?

在 React (NEXT) 中,当我try 进行动态补充时,我无法使用实例this来引用输入

HTML 标记未在页面上展开