html - Bootstrap carousel navigation controls too tall -


i have bootstrap carousel left , right navigation control overflow @ bottom of carousel after bottom of image.

carousel navigation on flow

any way rid of overflow of navigation arrows?

<div id="carousel" class="carousel slide" data-ride="carousel">       <ol class="carousel-indicators">         <li data-target="#carousel" data-slide-to="0" class="active"></li>         <li data-target="#carousel" data-slide-to="1"></li>       </ol>       <div class="carousel-inner" role="listbox"> <div class="item active"> <a href="/freshers2015"> <img src="/files/2015/06/journosoc-prefreshers-web.png" alt="first slide"/> </a> </div> <div class="item"> <img src="/files/2015/06/whatjourno.png" alt="second slide"/> </div> </div>  <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> 


Comments

Popular posts from this blog

php - Zend Framework / Skeleton-Application / Composer install issue -

c# - Better 64-bit byte array hash -

python - PyCharm Type error Message -