twitter bootstrap: Wie Spanne links in der navbar?

Habe ich versucht, ein paar option, aber ich kann nicht verwalten, um erhalten Sie 4 links erstrecken sich über die Navigationsleiste. Ich dachte, es wäre ganz einfach hinzufügen, die span3 Klasse zu jedem <li>.
Hier ist mein HTML:

    <div class="navbar center">
      <div class="navbar-inner">
        <div class="container row">
            <ul class="nav span12">
              <li class="active span3">
                <a href="#">Home</a>
              </li>
              <li class="span3"><a href="#">Link</a></li>
              <li class="span3"><a href="#">Link</a></li>
              <li class="span3"><a href="#">Link</a></li>
            </ul>
        </div>
      </div>
    </div>

Mitte der links habe ich die Lösung hier beschrieben: Ändern Sie twitter bootstrap navbar

Hier die CSS:

.navbar-inner { 
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.center.navbar .nav,
.center.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}

.center .navbar-inner {
    text-align:center;
}

Alle ich habe es geschafft zu bekommen, ist dies: twitter bootstrap: Wie Spanne links in der navbar?
Wie kann ich diese vier verbindungen überspannt auf der gleichen Zeile?

InformationsquelleAutor PEF | 2012-08-07
Schreibe einen Kommentar