WebCyber, ваш совет пригодился анимация работает!
еще вопрос снова с бутстрапом, может кто сталкивался?
есть меню, состоящее из названия сайта и элементов меню, элементы меню при опред размере экрана складываются в гамбургер. вопрос как прикрутить логотип который по размеру выше "container menu" ? (картинка в приложении)

<div class="container-fluid navbar-fixed-top menu" role="navigation">
<div class="row top">
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#responsive-menu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brend" href"#">
<div class="container logo">
<div class="row">
<div class="col-md-12">
<img src="img/logo.png">
</div>
</div>
</div>
название сайта[/url]
<span class="slogan">слоган</span>
</div>
<div class="row">
<!-- <div class="collapse navbar-collapse col-md-9 otstup"></div>-->
<div class="collapse navbar-collapse col-md-3" id="responsive-menu">
<ul class="nav navbar-nav" >
<li><a href="#">меню1[/url]</li>
<li><a href="#">меню2[/url]</li>
<li><a href="#">меню3[/url]</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
если лого вешать абсолютом то естестно он при изменении размера экрана на месте остается...без абсолюта на его высоту меню выше становится... подскажите пожалсто, может кто-нибудь сталкивался с таким?