Jestem nowym użytkownikiem Bootstrap i pracowałem nad poznaniem paska nawigacyjnego. Zauważam, że gdy przeglądarka ma pełną (panoramiczną) szerokość, tytuł marki i kotwice nawigacyjne utrzymują się w kierunku lewego środka strony, zamiast wyrównywać do lewej strony, tak jak w przypadku mniejszego okna. Jak sprawić, by tekst na pasku nawigacyjnym obejmował lewą stronę? Niezależnie od tego, jak szeroko otworzy się okno przeglądarki, chciałbym móc go trzymać z lewej strony okna. Czy jest jakiś szczególny powód, aby tego nie robić?

Tutaj jestdemo na żywo na jsFiddle. Zauważ, że jeśli pociągniesz za uchwyt i rozszerzysz rzutnię tak bardzo, jak to możliwe, w lewo, tekst w końcu przesunie się w kierunku środka paska nawigacyjnego.

Moje znaczniki nawigacyjne są takie same jak w wersji demonstracyjnej dostarczonej z programem bootstrap. Wiem, że responsywne funkcje i ikony nie są podpięte na skrzypce, jednak pracują nad moim lokalnym projektem i nie mają związku z pytaniem. Wyobrażam sobie, że muszę wyrównać tekst do własnego niestandardowego CSS, jednak moje próby zastosowania tego nie powiodły się. Każda pomoc byłaby bardzo mile widziana.

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="#">Project name</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
        <a 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>
          </a>
      </div>
    </div>