Bootstrap de l'alignement de l'étiquette et du texte normal

J'ai essayé de mettre le texte à aligner verticalement avec pas de chance. Pourrais-je obtenir de l'aide?

Bootstrap de l'alignement de l'étiquette et du texte normal

Voici le code sous-jacent:

    <div class="form-group">
        <label class="control-label col-md-2">Permalink</label>
        <div class="col-md-10">
            http://www.somedomain.com/cart/@Model.Offer.Id
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Offer.DateCreated, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DisplayFor(model => model.Offer.DateCreated)
            @Html.ValidationMessageFor(model => model.Offer.DateCreated)
        </div>
    </div>
InformationsquelleAutor FrankO | 2014-02-12
  1. 24

    Par Bootstrap docs, vous pouvez utiliser <p class="form-control-static">[email protected]</p> pour aligner correctement le texte statique de former des groupes.

    • Cela a parfaitement fonctionné. Je l'ai mis dans le contenant divs! <div class="col-md-10 du formulaire de contrôle de la statique"> Merci!
    InformationsquelleAutor dward
  2. 0

    Vous devez ajouter display: inline ou display: inline-block à votre <div class="col-md-10"> pour vertical-align de travail.

    Exemple

    • Cela n'a pas aidé. J'ai choisi la réponse ci-dessus, qui a parfaitement fonctionné.
    • L'autre exemple est de travailler parce que p est élément inline. De toute façon, je suis d'accord avec vous que d'autres exemple vaut mieux que vous n'avez pas besoin de plus de style avec elle.
    • Oui. Je n'ai pas utiliser le <p> tag si. J'ai mis la classe "form-control-statique" dans le <div> qui fait le travail. De Plus, comme vous l'avez dit, il est propre aussi.
    InformationsquelleAutor Morpheus