jquery - Carousel-caption 未显示在全宽标题轮播中

Question

使用带字幕的全宽标题轮播显示图像而不是字幕。从早上开始就试图找出答案，但无法找到。

please check jsfiddle

html,
body {
height: 100%;
}

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel {
height: 70%;
 }

.item,
.active,
 .carousel-inner {
height: 100%;
 }

/* Background images are set within the HTML using inline CSS, not here */

.fill {
width: 100%;
height: 100%;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}

  .carousel .item,
  .carousel .item.active,
 .carousel-caption h2 {
  font-family:Arial;
  font-size:60px;
  text-align:center;
 z-index:10;
  }

.carousel-caption .btn-default-outline {
font-family:Century Gothic;
background:none;
border: 4px solid #fff;
color:#fff;
padding: 15px 25px;
 }

.carousel-caption .btn-default-outline:hover {
background-color:#fff;
color:#000000;
}


  footer {
  margin: 50px 0;
}

它没有显示轮播标题。

任何人都可以弄清楚缺少什么或我做错了什么。

谢谢

Answer 1

当您意识到这个问题的简单性时，您可能会踢自己......

这个字符 ” 对于您代码中的样式属性是错误的，并且使您的 HTML 格式错误。

它从这一行开始:

<div class="fill" style="background-image:url('http://upload.wikimedia.org/wikipedia/commons/archive/0/07/20060606172916%21UCT_Upper_Campus_landscape_view.jpg);”></div> 

结束语是错误的，应该是正常的引号"。

这是一个非常细微的差异，但会导致很多问题。检查所有引号可能是个好主意!