Ausrichten Sie Schaltfläche auf der rechten Seite eine "Karte" mit Bootstrap v4

Ich bin neu auf Bootstrap und dachte, ich würde Tauchen Sie mit Ihrem v4-alpha-Version.

Ich versuche, richten Sie die 'Ordnen Sie eine Bewertung" Knopf (in der Nähe unten auf der Seite) in dem folgenden Beispiel auf der rechten Seite verlassen, während der andere text, ausgerichtet an der linken Seite. Ich brauche auch den text und die-Taste, um vertikal ausgerichtet sein in der Mitte.

http://www.atlasestateagents.co.uk/mlb/landlords/services-and-fees.php

Können Sie helfen?

<div class="card card-block card-blue clearfix">
    <p class="card-text">Want to know how much rent you could achieve for your property?&nbsp;<a href="#" class="btn btn-blue-outline pull-right">Arrange a Valuation</a></p>
  </div>
Ich bin nicht sicher, warum Sie nicht mit grid: <div class="row"> <div class="col-sm-8"> <div class="....">INFO</div> </div> <div class="col-sm-4"> <div class="....">Valuation</div> </div> </div>
hinzufügen .card-text {line-height: 40px;} beheben wird, das align Problem
Gearbeitet, danke

InformationsquelleAutor Michael LB | 2015-11-08

  1. 7

    In der neuesten Bootstrap-4 (alpha 6) pull-right ist jetzt float-right:

    <div class="card card-block card-outline-primary">
    <p class="card-text">Want to know how much rent you could achieve for your property? &nbsp;
        <a href="#" class="btn btn-outline-primary float-right">Arrange a Valuation</a>
     </p>
</div>

    http://www.codeply.com/go/D2i7JWqv4d

    InformationsquelleAutor Zim

  2. 0

    Hinzufügen .pull-right um das a-tag die Klasse. 

    <div class="card card-block card-primary">
    <p class="card-text">Want to know how much rent you could achieve for your property?&nbsp;<a href="#" class="btn btn-primary-outline pull-right">Arrange a Valuation</a></p>
</div>
    Dies hat geholfen, aber ich habe nun das vertikale ausrichten Problem

    InformationsquelleAutor Christian Colón

Schreibe einen Kommentar