【问题标题】:Bootstrap Carousel Caption Top Alignment?引导轮播标题顶部对齐?
【发布时间】:2023-03-05 23:33:01
【问题描述】:

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

【问题讨论】:

    标签: css twitter-bootstrap alignment 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">
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2016-05-15
        • 2018-04-20
        • 2016-01-12
        • 1970-01-01
        • 2020-07-29
        • 2015-04-02
        • 2017-04-11
        相关资源
        最近更新 更多