twitter bootstrap 3 - Boostrap - form-inline with label on the left and input on the right -
i have inline form, in each line want have label on left side, , input on right side. have tried pull-right
, align-right
, text-right
, none of them works.
here do:
<style> .form-group label{ text-align: left!important; } </style> <form action="" class="form-horizontal" method="post" role="form"> <div class="form-group"> <label class="col-md-2 control-label" for="firstname">first name</label> <div class="col-md-4"> <input class="form-control" id="firstname" name="firstname" type="text" value="" /> </div> </div> <div class="form-group"> <label class="col-md-2 control-label pull-left" for="lastname">last name</label> <div class="col-md-3"> <input class="form-control" id="lastname" name="lastname" type="text" value="" /> </div> </div> </form>
Comments
Post a Comment