Float nav Objekte rechts in der Bootstrap-4?

Wie Sie drücken Sie auf der rechten nav-Elemente in einer Bootstrap-4 navbar? Ich habe versucht, float-*-Recht aber hat nicht funktioniert.

  <nav class="navbar navbar-static-top navbar-dark bg-inverse float-*-right">
  <a class="navbar-brand" href="#">Project name</a>
  <ul class="nav navbar-nav">
    <li class="nav-item active">
      <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">About</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Contact</a>
    </li>
  </ul>
</nav>

Muss ich richten Sie die nav-Elemente auf der rechten Seite.

Etwas code wäre toll, damit wir sehen können, das eigentliche Problem
Sie müssen "pull-right" class: bootply.com/VljzqtNw5S (sofern eine solche Klasse besteht in version 4).
Weder float-right oder pull-right arbeiten, weil Bootstrap-4 verwendet jetzt die flexbox. Jetzt ml-auto wird verwendet, um push-nav-Elemente auf der rechten Seite

InformationsquelleAutor PythonAnywhere | 2016-12-17

3

Hinzufügen "float-xs-Recht" - Klasse, um die ul -
```
<ul class="nav navbar-nav float-xs-right">
```
Können Sie entfernen von 'float-*-rechten' aus dem mit nav-tag, da es nichts zu tun, es

http://www.bootply.com/OnvcimHYD7

InformationsquelleAutor toast
0

Update 2018

float-right wird nicht mehr funktionieren, weil die Bootstrap-4 Navbar verwendet flexbox. Die auto-margin-Klasse (ie:ml-auto) sollte stattdessen verwendet werden.

Finden Sie unter:
Bootstrap 4 richten Sie die Navigations-Elemente auf der rechten Seite

InformationsquelleAutor Zim

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.