Bootstrap-Einstellung der Höhe für btn-block Tasten

Mein code sieht wie folgt aus:

<div class="row">
  <div class="col-xs-4">
    <a class="btn btn-default btn-block" href="#">1</a>
  </div>
  <div class="col-xs-4">
    <a class="btn btn-default btn-block" href="#">2</a>
  </div>
  <div class="col-xs-4">
      <a class="btn btn-default btn-block" href="#">3</a>
  </div>
</div>

Dies gibt mir die 3 Knöpfe über dem ist, was ich will. Was ich tun möchte, ist, dass die Tasten größer werden. Wenn möglich würde ich lieber nicht angeben Höhen in Pixel, so dass es skaliert werden kann, um verschiedene Bildschirm-Größen besser. Könnte ich vielleicht geben die Höhe als ein Verhältnis (in der Breite) oder ein Prozentsatz der Bildschirmhöhe?

Vielen Dank im Voraus.

  • Nicht sicher, warum, ich stieg ab-gestimmt auf dieser. Es war eine echte Frage, die ich nicht wissen, die Antwort für bin ich eine neue Bootstrap-Benutzer. Ich suchte Google und Stack-Überlauf und konnte nicht eine Antwort finden.
InformationsquelleAutor comphelp | 2014-08-07
  1. 13

    Die einfache & die beste Lösung wäre das hinzufügen von oberen und unteren Polsterung.

    .btn-block {
    padding: 10% 0; 
    /* define values in pixels /Percentage or em. whatever suits 
       your requirements */
}
    • Ich danke Ihnen sehr. Das funktioniert gut. Wenn ich angeben 10% wie in deinem code oben, was ist es, 10% der?
    • es wird von der Taste, aber es war nur ein dummy-Wert, die beste Sache wäre, um zu definieren, in EM.
    InformationsquelleAutor Nishant
Schreibe einen Kommentar