Vertikal zentriert ausrichten, eine Spalte in der Bootstrap

Ich habe versucht, ein Dutzend Wege zur Mitte ausrichten Spalte vertikal in der bootstrap -, aber keiner war.
Mein problem ist, ich weiß nicht, dann Höhe der Spalte.
Kann ich mit flexbox? Ist es eingebettet in Bootstrap 3?
Vertikal zentriert ausrichten, eine Spalte in der Bootstrap

mein code :

<div class="row">

  <div class="col-sm-12">

    <div class="col-md-2" style="padding: 0px">
      <img alt="img" src="image/avatar/unknown.png" class="img-responsive forum-avatar">
    </div>

    <div class="col-md-6">
      <span class="qap-q-author">user1</span>
      <br>
      <span class="qap-q-h">test</span>
    </div>

    <div class="col-md-2">
      <span class="text-muted pull-right qap-a-cnt">
        <span>&nbsp;&nbsp;</span>
        <span class="badge">1</span>
      </span>
      <span class="qap-q-h pull-right">1</span>
    </div>

    <div class="col-md-2">
      <i class="fa fa-group" style="font-size: 32px"></i>
    </div>
  </div>
</div>
Bitte posten Sie Ihre Beispiel-code hier.

InformationsquelleAutor AVEbrahimi | 2016-02-12

  1. 12

    Flexbox verwendet werden können, aber dann müssen Sie Rücksicht auf alte Browser nehmen. Center Ausrichtung einer Spalte in der bootstrap-hier wird erklärt, perfekt. Haben Sie einen Blick center align Spalte in der bootstrap

    Können Sie center richten Sie die Spalten mit flexbox.

    können Sie diese Klasse zu übergeordneten container, der Ihre div, die Sie zentrieren möchten align:

    .v-center {
   display: flex;
   align-items: center;
}

    Lesen Sie mehr über vertikal ausrichten Spalten sich hier: vertikale Ausrichtung der Spalten

    Ich aktualisiert meine Antwort für die vertikale Ausrichtung auch.
    Thx es funktioniert genial und einfach!

    InformationsquelleAutor ashfaq.p

Schreibe einen Kommentar