引导轮播标题顶部对齐？

Posted 2023-02-16

技术标签:

【中文标题】引导轮播标题顶部对齐？【英文标题】：Bootstrap Carousel Caption Top Alignment? 【发布时间】：2014-02-08 09:24:53 【问题描述】：

我并不想在这里做任何太花哨的事情，但不是 Bootstrap Carousel Captions 默认对齐到 Carousel 的底部，我如何让它们默认对齐到顶部？

【问题讨论】：

【参考方案1】：

将此添加到您的 css 以更改元素位置：

.carousel-caption 
    top: 0;
    bottom: auto;

见demo fiddle

【讨论】：

谢谢！这就是我所缺少的。【参考方案2】：

你也可以：

.carousel-caption 
   position: absolute;
   top:-40px

【讨论】：

【参考方案3】：

Bootstrap 4 支持以下类：text-left，它将内容文本向左对齐。所以：

<div class="carousel-caption text-left">

【讨论】：

以上是关于引导轮播标题顶部对齐？的主要内容，如果未能解决你的问题，请参考以下文章