Problem z szblonem strony Bootstrap

pytanie zadane 3 września 2016 w HTML i CSS przez Int_main Bywalec (2,850 p.)

Proszę o pomoc w wyrównaniu do prawej strony części nagłówka z "przyciskami": Home, Blog, About, Connect.
Zanim zostanę obsypany falą hejtu wyjaśniam, że nie zajmuję się front-endem, więc dość ciężko mi coś zmienić w klasach bootstrapa. Będę wdzięczny za wszelką pomoc.

<body>
    <div class="container">
      <header class="row">
        <div class="span12">
          <nav class="navbar">
            <div class="navbar-inner">
              <a href="#" class="brand">Tytul</a>
              <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>
                <span class="icon-bar"></span>
              </a>
              <!--TEN FRAGMENT DO PRAWEJ-->
              <div class="nav-collapse collapse">
                <ul class="nav">
                  <li class="divider-vertical"></li>
                  <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
                  <li class="divider-vertical"></li>
                  <li><a href="#"><i class="fa fa-comment"></i> Blog</a></li>
                  <li class="divider-vertical"></li>
                  <li><a href="#"><i class="fa fa-info"></i> About</a></li>
                  <li class="divider-vertical"></li>
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i> Connect
                      <b class="fa fa-caret-down"></b>
                    </a>
                    <ul class="dropdown-menu">
                      <li><a href="#">Twitter</a></li>
                      <li><a href="#">Facebook</a></li>
                      <li><a href="#">Google+</a></li>
                      <li class="divider"></li>
                      <li><a href="#">Contact</a></li>
                    </ul>
                  </li>
                  <li class="divider-vertical"></li>
                </ul>
              </div>
            </div>
          </nav>
        </div>
      </header>
    </div>
 

    <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
  </body>

2 odpowiedzi

odpowiedź 3 września 2016 przez Eimens Maniak (69,240 p.)

<a href="#" class="text-right"><i class="fa fa-home"></i> Home</a>

kluczowa sprawą jest dodanie odpowiedniej klasy do elementu.

class="text-right"

komentarz 3 września 2016 przez Int_main Bywalec (2,850 p.)

Chodziło mi o przesunięcie przycisków do prawej strony nagłówka.
Ale dzięki za zainteresowanie.

odpowiedź 3 września 2016 przez writen Nałogowiec (29,060 p.)

Podobne pytania

Problem z szblonem strony Bootstrap

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci