2013-11-13 3 views
0

Я использую BootStrap. У меня есть навигационная панель внизу моей страницы с номером телефона. Я хочу, чтобы этот фононный номер был скрыт после краха, а затем отобразил значок телефона. В настоящее время я не могу заставить значок телефона скрываться перед крахом. Вот мой код:Элемент show BootStrap после обвала

<div class = "navbar navbar-default navbar-fixed-bottom"> 
     <div class="navbar-inner"> 
      <div class ="container"> 
       <div> 
        <a href = "#" target="_blank" class= "brand pull-left"> <img src="logo.png" alt="#" href="#"> </a> 
       </div> 

       <div class = "collapse.in navbar-collapse navbar-right" id="bund-navbar-collapse-semi"> 
        <a class = "navbar-btn btn-success btn-xl btn pull-right"> 
         <span class="glyphicon glyphicon-earphone" ></span> 
        </a> 

       </div> 


       <div class="collapse navbar-collapse navbar-right" id="bund-navbar-collapse-fuld" > 
        <a class = "navbar-btn btn-success btn-xl btn pull-right"> 
         <span class="glyphicon glyphicon-earphone "></span> +45 30 30 30 30 
        </a> 
       </div> 
      </div> 
     </div> 
    </div> 
+0

Какая версия бутстрапа вы используете? – LeftyX

+0

Я использую Bootstrap 3 – user2986819

ответ

1

делают использование responsive-utilitie classes от Bootstrap.

добавить классы

hidden-sm 
hidden-md 
hidden-lg 

к кнопке с только значком телефона, см fiddle. Неважно, что значок не отображается должным образом. Я бы использовал bootply, но его можно было использовать для обслуживания.

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