Alinear un botón en la parte inferior derecha de una entrada

Esto es lo que quiero:

deseado

Lo intenté Este enfoque with no luck (gotten from aquí). This is the unwanted result:

corriente

I guess it doesn't work because I'm using Twitter Bootstrap and span:

<div id=containerOfButtonAndInput class="container span12">

But how could I do it then?

preguntado el 09 de septiembre de 13 a las 23:09

Are you constrained to use only bootstrap classes? -

1 Respuestas

Why don't you use CSS? Use something like this:

<div id="outer-container">
  <div id="container">
    <div id="label">Your Label<input id="input" /></div>
    <div style="height:10px">&nbsp;</div>
    <div id="button">Your Button</div>
  </div>
</div>

CSS:

#outer-container{
    padding: 20px 20px 20px 20px;
    width:500px;
    height:200px;
    background-color:#eee;
}
#container{
    width:300px;
    height:100px;
    margin: 0 auto;
    background-color:#ccc;
}
#label{
    float:right;
}
#button{
    float:right;
}

No magic here. Just regular formatting. Just don't be afraid of div-tags. Maybe you need more containers around your mask.

Ver el violín: http://jsfiddle.net/Ahg5c/1/.

Respondido el 09 de Septiembre de 13 a las 23:09

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.