кнопка nav-collapse не отображается при изменении размера

Question

Я довольно новичок в создании сайта с бутстрапом. Мой сайт имеет фиксированный NavBar

<div class="navbar-wrapper"> 
    <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. --> 
    <div class="container"> 

    <div class="navbar navbar-fixed-top"> 
     <div class="navbar-inner"> 
     <div class="container"> 
     <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. --> 
     <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a href="#" class="brand" title="websitename">&nbsp;</a> 

Это все будет совершенным в моем браузере. Но когда я изменяю размер браузера на меньший размер (вместо полного размера), brandlogo перемещается влево, а половина его исчезает слева. Кнопка (btn-navbar) находится вправо, так что она находится за полосой прокрутки.

Как исправить это в css? Мне нужно добавить css в @media?

Answer 1

Посмотрите на эту ссылку: http://getbootstrap.com/examples/navbar-fixed-top/ Это поможет вам исправить вашу проблему :-) Надеюсь, это поможет!

убедитесь, что у вас есть все ваши CSS и JS на месте правильно ...