html5 - How to align(center) row controls? -
i don't know how center row controls whithin contact form, can me out ?
here's code:
<div class="container"> <hr class="tall" /> <div class="row center" id="form_contact"> <h2 class="short" style="text-align: center">vamos <strong>conversar</strong> ?</h2> <p style="text-align: center">queremos conhêce-lo melhor, descobrir quais são os seus problemas de modo podermos ajudá-lo da melhor maneira possível.</p> <div class="span12" id="form_fields"> <form action="" id="contactform" type="post"> <div class="row controls"> <div class="span3 control-group"> <label>nome *</label> <input type="text" value="" maxlength="100" class="span3" name="name" id="name"> </div> <div class="span3 control-group"> <label>endereço de email *</label> <input type="email" value="" maxlength="100" class="span3" name="email" id="email"> </div> </div> <div class="row controls"> <div class="span6 control-group"> <label>assunto</label> <input type="text" value="" maxlength="100" class="span6" name="subject" id="subject"> </div> </div> <div class="row controls"> <div class="span6 control-group"> <label>mensagem *</label> <textarea maxlength="5000" rows="10" class="span6" name="message" id="message"></textarea> </div> </div> <div class="btn-toolbar"> <input type="submit" value="enviar" class="btn btn-primary btn-large" data-loading-text="loading..."> </div> </form> </div> </div> </div>
https://jsfiddle.net/ls4elefh/
thanks -nuno
Comments
Post a Comment