Question

我有这段代码，

<div class="item active">
  <a href="#" onclick="dynamicPlayer('http://example.com/video');return false;" data-toggle="modal" data-target="#featuredVideoModal">
    <img src="http://example.com/img" alt="Once Place 2014 Promo" class="col-md-12 col-sm-12 col-xs-12 noPadding" />
    <div class="carousel-caption">
      <h4>Test caption</h4>
    </div>
  </a>
</div>

<a>调用一个函数，将URL设置为JWPlayer将在通过data-target调用的模态中播放的视频。问题是标题不可见，我不确定我需要更改哪些CSS才能使标题文本有效。可以在http://codepen.io/anon/pen/qfwCn找到一个codepen。有人可以帮忙吗？

Answer 1

我通过从class="col-md-12 col-sm-12 col-xs-12 noPadding"

中删除img来解决此问题

带<a> element causes caption to disappear</a>的Bootstrap Carousel

1 个答案: