Bootstrap 3 case à cocher à droite de texte / bouton sur une ligne

J'ai le configuration actuelle.

<div class="container" data-ng-controller="publicHome">
  <div class="col-md-4 col-md-offset-4" style="background: black;">
        <form data-ng-submit="signIn()" class="form-horizontal">


            <div class="form-group">
                <input type="email" data-ng-model="email" placeholder="email" class="form-control">
            </div>


            <div class="form-group">
                <input type="password" data-ng-model="password" placeholder="password" class="form-control">
            </div>


            <label class="checkbox pull-right">
                remember me
                <input type="checkbox" data-ng-model="rememberMe">
            </label>


            <div class="form-group center-block">
                <button type="submit" class="btn btn-success center-block">sign in</button>
            </div>


        </form>
        <div data-ng-bind="message" class="text-center">

        </div>
    </div>
</div>

Je suis en train d':

  • Obtenir la case à cocher sur le côté droit du souvenir de moi texte ET à la fois du côté droit de la forme
  • Le bouton sur sa propre ligne de sous la se souvenir de moi

Comme vous pouvez le voir, je suis presque là!

InformationsquelleAutor Karl Morrison | 2015-09-26
  1. 3

    Utilisation:

    <div class="form-group mycheckboxdiv">
    <label>
        remember me
        <input type="checkbox" data-ng-model="rememberMe" class="pull-right mycheckbox">
    </label>
</div>

    et pour votre propre feuille de style css:

    .mycheckbox{
  margin-top:5px;
  margin-left:5px;
}
.mycheckboxdiv{
   text-align:right;
}

    Voir ceci:
    http://www.bootply.com/a6Jl6EDD8R

    • Oh je dois bien été légèrement floue, je veux aussi que le souvenir de moi et de case sur le côté droit de la forme!
    • Mise à jour de la question (de ma faute)
    • Vérifier mes mises à jour répondre
    • J'ai ajouté float:right qui ont également travaillé?
    • C'est génial de savoir
    • Oui. Enfin, vous avez résolu mon problème, je l'ai utilisé comme ça, et eu beau gros cases à cocher(grand comme les intrants). <div class="col-md-1"> <label for="chkPrint"> <span style="color:white;">Imprimer</span> <input type="checkbox" id="chkPrint" class="form-control" /> </label> </div>

    InformationsquelleAutor Ali Mehdi