Afficher la saisie et l'étiquette sur la même ligne avec Bootstrap

Question

J'aimerais afficher l'étiquette et les entrées sur la même ligne :

J'ai essayé en CSS :

form  label {
    display:block;
    float:left;

}

http://jsfiddle.net/kY5LL/18/

Answer 1

C'est ici

.span6{
overflow:hidden;
 display:inline;
}
.span6 label, .span6 input {
display:inline-block;
}
.span6 input {
width:70%;
margin-left:3%;
}

FIDÉLISATION MISE À JOUR

Answer 2

Si vous utilisez Bootstrap 3.x :

<form class="form-horizontal" role="form">
    <div class="form-group">
        <label for="inputType" class="col-sm-2 control-label">Label</label>
        <div class="col-sm-4">
            <input type="text" class="form-control" id="inputCity" placeholder="Input text">
        </div>
    </div>
</form>

Violon

Answer 3

Je l'ai fait dans mon script. J'ai créé une boîte de conteneur div et à l'intérieur du conteneur, une étiquette gauche à un élément d'entrée.

. HTML

<div class="container">
    <label>Firstname</label>
    <input type="text">
</div>

CSS

div.container{
  overflow:hidden;
}
label{
    width:70px;
    display:block;
    float:left;
    text-align:left;
}
input{
  width:240px;
  float:left;
}

Answer 4

Supprimer la classe input-block-level donné à input étiquette