L'alignement de bouton à droite de "carte" à l'aide de Bootstrap v4

Je suis nouveau sur Bootstrap et j'ai pensé plongée dans l'utilisation de leurs v4 version alpha.

Je suis en train d'aligner le " Organiser une évaluation bouton (à proximité de bas de page) dans l'exemple suivant vers la droite tout en laissant l'autre texte aligné à gauche. Je dois aussi le texte sur les boutons et pour être alignés à la verticale au milieu.

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

Pouvez-vous aider?

<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>
  • Je ne suis pas sûr de savoir pourquoi vous n'êtes pas à l'aide de la grille: <div class="row"> <div class="col-sm-8"> <div class="....">INFO</div> </div> <div class="col-sm-4"> <div class="....">Valuation</div> </div> </div>
  • ajouter .card-text {line-height: 40px;} de corriger les aligner problème
  • Travaillé, merci
InformationsquelleAutor Michael LB | 2015-11-08
  1. 7

    Dans la dernière Bootstrap 4 (alpha 6) pull-right est maintenant 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

    Ajouter .pull-right l'un de l'étiquette de la classe. 

    <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>
    • Cela a aidé mais maintenant j'ai le vertical align problème
    InformationsquelleAutor Christian Colón