[HTML] Carousel

[Areknames69]

Salve a tutti,
ho questo header nel mio html
<header>
<div class="container">
<div class="intro-text">
<div class="intro-lead-in">Welcome in my Web Site!</div>
<div class="intro-heading">By me</div>
<a href="#services" class="page-scroll btn btn-xl">Tell Me More</a>
</div>
</div>
</header>

il codice del carousel:

<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active" style= "background-image: url(https://source.unsplash.com/category/nature/);">

<div class="carousel-caption animated fadeInUp">
<h2>WEB NATURE</h2>
<p>Always for you</p>
</div>
</div>
<div class="item" style= "background-image:

url(https://source.unsplash.com/category/buildings/);">
<div class="carousel-caption animated fadeInUp">
<h2>WEB BUILDINGS</h2>
<p>Always for us</p>
</div>
</div>
<div class="item" style= "background-image: url(https://source.unsplash.com/category/food/);">
<div class="carousel-caption animated fadeInUp">
<h2>WEB FOOD</h2>
<p>Forever young</p>
</div>
</div>

</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>

</div>

In poche parole se sostituisco l'header con il carousel mi scompare la navbar in alto.

Help me!! Grazie