2014-01-27 4 views
4

Я создаю навигационную панель с фиксированным верхом. Хотите, чтобы логотип реагировал внутри навигационной панели. Но не удалось достичь. Пожалуйста, порекомендуйте. Ниже приведен код:Как сделать отзывчивый логотип внутри navbar в Boot Strap3

<div class="navbar-header"> 
    <button type="button" class="navbar-toggle myButton" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    <a class="navbar-brand logoWidth" href="#"><img src="images/TPS_logo-01.png" class="img-responsive"></a> 
    <a href="#"><img src="images/btnCart.png" class="btnCart hidden-lg hidden-md"></a> 
    <a href="#" class="searchIcon" data-target="searchDiv"><img src="images/btnSearch.png" class="btnCart hidden-lg hidden-md"></a> 
</div> 

Спасибо Моника

+1

Это действительно интересный html-код .... –

+0

где код Monica? – TheSM

+0

ответ

0

Просто дайте класс = "IMG-отзывчивый" в классе изображения

www.w3schools.com ссылки здесь для начальной загрузки IMG-resposive

Смежные вопросы