Colocar texto fixo sobre carousel Bootstrap

[Eduardo_555 4]

Olá bom dia!!

 

Estou criando um site onde existe um slide de fotos.

 

estou fazendo ele com o bootstrap e me deparei com um problema, a classe carousel tem um atributo que adiciona texto sobre a imagem porem este texto troca junto com a imagem, eu gostaria que ele ficasse fixo junto a um button e só trocasse a imagem.

 

como faço isso já tentei diversas coisas mais não adiantou muito.

<div id="carousel" class="carousel slide"data-ride="carousel">
	<div class="carousel-inner"role="listbox">
		<div class="item active">
			<img class="img-responsive" src="midia/img/banner 2.jpg" />
			<div class="carousel-caption">
				<p>Texto aqui</p>
				<button class="btn btn-danger btn-lg">Clique aqui</button>
			</div>
		</div>
	</div>
</div>

este e o codigo do meu slide carousel.

[Junior Varoni 9]

Voce deve tirar o testo da div class="item"

 

coloque o texto dentro do carousel-inner.

 

Ai voce pode posicionar seu botao e texto como quiser, utilizando position:absolute no seu css.

 

ficando mais ou menos assim:

<div id="carousel" class="carousel slide"data-ride="carousel">
	<div class="carousel-inner"role="listbox">
                <div class="txt-fixed">
                    <p>Texto aqui</p>
		    <button class="btn btn-danger btn-lg">Clique aqui</button>
                </div>
		<div class="item active">
			<img class="img-responsive" src="midia/img/banner 2.jpg" />
		</div>
	</div>
</div>

e o css:

.txt-fixed {
      position:absolute;
      top:45%;
      left:45%;
}

Com isso você edita da forma que achar melhor.