bootstrap cuts my background photo in half

I tried making a carousel with bootstrap but it makes my background photo gets cut in half I am using the cdn way
link:[https://www.dropbox.com/sh/jj592an91t370h2/AADWSe8nm2WRxLppmAc6pZNHa?dl=0 ](url)

`<div id=”myCarousel” class=”carousel slide” data-ride=”carousel”>
<!– Indicators –>
<ol class=”carousel-indicators”>
<li data-target=”#myCarousel” data-slide-to=”0″ class=”active”></li>
<li data-target=”#myCarousel” data-slide-to=”1″></li>
<li data-target=”#myCarousel” data-slide-to=”2″></li>
</ol>
<!– Wrapper for slides –>
<div class=”carousel-inner”>
<a href=”#” class=”pa”>partner</a>
<a href=”#” class=”pa”>brand</a>
<a href=”#” class=”pa”>partner</a>
<a href=”#” class=”pa”>brand</a>
<a href=”#” class=”pa”>logo</a>
<a href=”#” class=”pa”>brand</a>
<a href=”#” class=”pa”>brand</a>
<a href=”#” class=”pa”>logo</a>
<a href=”#” class=”pa”>market</a>
</div>
<!– Left and right controls –>
<a class=”left carousel-control” href=”#myCarousel” data-slide=”prev”>
<span class=”glyphicon glyphicon-chevron-left”></span>
<span class=”sr-only”>Previous</span>
</a>
<a class=”right carousel-control” href=”#myCarousel” data-slide=”next”>
<span class=”glyphicon glyphicon-chevron-right”></span>
<span class=”sr-only”>Next</span>
</a>
</div>`
I don’t even know where to start troubleshooting