2 Stimmen

Vertikal zentrieren Element mit Bootstrap 3

Ich möchte das Label 'design' sowie '21nov' vertikal zentrieren.

         designer
          @Subiaco
         90.000$ - 100.000$

        design                         

      21 nov.

Aktuelles Design: http://jsfiddle.net/8FM3n/

Bildbeschreibung hier eingeben


Erwartetes Design: Bildbeschreibung hier eingeben

Irgendwelche Hinweise?

1voto

Josh Crozier Punkte 217174

Angenommen, es handelt sich nicht um dynamischen Inhalt unterschiedlicher Höhen, dann kannst du line-height verwenden.

.row .col-xs-3, .row .col-xs-2 {
    line-height: 49px;
}

jsFiddle Beispiel - es ist jetzt vertikal ausgerichtet, obwohl du vielleicht die formatierung auf eine andere Klasse anwenden möchtest, damit sie nicht andere Zeilenelemente beeinflusst.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X