Bootstrap ziehen-richtig Klasse

<th>Cars <i class="fa fa-sort-asc pull-right"></i></th>

Wenn ich mit bootstrap ist pull-right Klasse richtet Sie das Symbol in meinem th an der oberen rechten Ecke, und entfernen pull-right richtet das Symbol zentriert, vertikal an der linken Seite, aber ist es so, dass wenn ich pull-right es ist ausgerichtet in der Mitte vertikal auf der rechten Seite?

Ich bin mit bootstrap und Symbole aus fontawesome

  • Zeigen rest des Codes, die vertikal ausgerichtet Ihre TH
  • warum willst du unbedingt zu verwenden, die pull-rightwenn ohne es Sie erhalten das rendering, die Sie wollen ?
  • Ich benutze bootstrap, und ich bin was bedeutet das <i> - element innerhalb der th, wenn das mißverstanden wurde, die <i> wird automatisch so ausgerichtet, dass in der Mitte vertikal, wenn ich nicht mit dem pull-richtig Klasse. Aber mit pull-rechts stellt, ist es in der oberen rechten Ecke
  • Ich verwenden möchten, ziehen Sie rechts, so wird das Symbol auf der rechten Seite des th
  • Werfen Sie einen Blick auf: stackoverflow.com/questions/7273338/...
InformationsquelleAutor Christian Caspovich | 2015-04-23
  1. 5

    Können Sie pull-left auf die Spannweite statt..

    <th class="text-right">
     <span class="pull-left">First Name</span>
     <i class="fa fa-sort-asc"></i>
</th>

    http://codeply.com/go/DIWtVsyMwh

    In Bootstrap-4, pull-left ist jetzt float-left, und pull-right ist jetzt float-right

    • Score für die bootstrap-4 änderungen 😉
    InformationsquelleAutor Zim
  2. 0

    Haben, könnten Sie das Symbol auf der rechten Seite und vertikal ausgerichtet, mit dem text wie diesen:

    HTML

    <th>
  <div class="header-with-icon">
    <div>First Name</div>
    <div class="text-right"><i class="fa fa-sort-asc"></i></div>
  </div>
</th>

    CSS

    .header-with-icon{
  display: table;
  width: 100%;
}

.header-with-icon > div{
  display: table-cell;
}

    Hier ein bootply Beispiel: http://www.bootply.com/Df5JpMyU2k

    InformationsquelleAutor ChaoticNadirs
Schreibe einen Kommentar