css - 将轮播标题移到轮播外

Question

我正在尝试将课程外的标题移到左侧，但问题是它不起作用。每当它移出其父容器时，它就会停止显示。有人可以帮帮我吗。这是一个 JS bin 链接 --> JSBin

如果有人可以帮助我，那就太好了。谢谢

OS: Mac

Browser: Chrome 74.0

Bootstrap version: 4.1.1

标签： csstwitter-bootstrapbootstrap-4bootstrap-carousel

Answer 1

设置相对于图像的标题：

  .carousel-inner img {
      width: 100%;
      height: 100%;
      position: absoloute;
  }


  .carousel-caption {
    color: #000;
    position: relative;
    float: left;
    left: 0;
    margin-left: 30px;
    margin-top: 30px;
  }