使用 Bootstrap 的显示冲突 属性 d-none d-md-block 和 d-flex
Conflict using Bootstrap's display property d-none d-md-block and d-flex
在下面的代码块中 bootstrap classes d-none d-md-block 正在取消 d-flex。
我不需要在低于 md 的任何内容上显示此块，但也能够设置 d-flex 以便 bootstraps align-self-end class 有效，（目前它不是）。我如何让这些一起玩得很好？或者有其他解决方案吗？
<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 显示应用于中等断点及以上。
参见https://getbootstrap.com/docs/5.1/utilities/flex/#enable-flex-behaviors and https://getbootstrap.com/docs/5.1/utilities/display/#hiding-elements。
在下面的代码块中 bootstrap classes d-none d-md-block 正在取消 d-flex。
我不需要在低于 md 的任何内容上显示此块，但也能够设置 d-flex 以便 bootstraps align-self-end class 有效，（目前它不是）。我如何让这些一起玩得很好？或者有其他解决方案吗？
<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 显示应用于中等断点及以上。
参见https://getbootstrap.com/docs/5.1/utilities/flex/#enable-flex-behaviors and https://getbootstrap.com/docs/5.1/utilities/display/#hiding-elements。