スライドのブートストラップを変更すると、カルーセルのキャプションが消えない

Question

こんにちは私はブートストラップには新しく、私のランディングページにカルーセルを作っています。各側には、カルーセル・キャプションを保持するコンテナがあり、そこにテキストとリンクがいくつかあります。スライドが最初のスライドテキストを変更し、リンクが静的になり、次のイメージとそれ以降のイメージに重なるとき。画像はうまく変わり、他のスライドのカルーセルキャプションは消えるが、最初のものは残さない。ここに私のコードのいくつかへのリンクがありますhttps://jsfiddle.net/marvstah/t5brxcnk/9/何かヘルプまたは正しい方向を指していることを感謝して、これは私を何時間も夢中にさせてくれました。 jsfiddleする

リンク：https://jsfiddle.net/marvstah/t5brxcnk/9/

Answer 1

問題は、あなたのCSSにある...「不透明度：1」がやろうとしているものカルーセル上書きされます。それをコメントすると、それが始まるでしょう。

.carousel.fade .item:first-child { 
    top: auto; 
    opacity: 1; 
    position: relative; 
}