html - Not Able to correctly align image with bootstrap -
i'm having problem when trying display images. tried can't propper way. here's looks like. i'd second row of data right under first one, , image right next it. https://postimg.org/image/634nny3b9/
here's of code page
datos personales
<div class="col-xs-3"> <label for="ex1">nombre</label> <input class="form-control" id="ex1" type="text" value="<?= $clientes->nombre ?>" disabled="disabled"> </div> <div class="col-xs-3"> <label for="ex1">apellido</label> <input class="form-control" id="ex1" type="text" value="" disabled="disabled"> </div> <div class="col-xs-3"> <label for="ex1">fecha de nacimiento</label> <input class="form-control" id="ex1" type="date" value="" disabled="disabled"> </div> <div class="col-xs-3"> <img src="route/to/image" alt="" class="img-thumbnail"> </div> <div class="col-xs-3"> <label for="ex1">dirección</label> <input class="form-control" id="ex1" type="text" value="" disabled="disabled"> </div> <div class="col-xs-3"> <label for="ex2">dni</label> <input class="form-control" id="ex2" type="int" value="" disabled="disabled"> </div> <div class="col-xs-3"> <label for="ex2">telefono</label> <input class="form-control" id="ex2" type="text" value="" disabled="disabled"> </div>
<div class="col-xs-3"> <label for="ex2">e-mail</label> <input class="form-control" id="ex2" type="text" value="" disabled="disabled"> </div> <div class="col-xs-3"> <label for="ex2">sexo</label> <input class="form-control" id="ex2" type="text" value="" disabled="disabled"> </div> </fieldset> <hr>
blockquote
what can is:
<div class="row> <div class="col-xs-9> <div class="row"> <div class="col-xs-4"> <!-- labels , inputs go here --> </div> <div class="col-xs-4"> <!-- labels , inputs go here --> </div> <div class="col-xs-4"> <!-- labels , inputs go here --> </div> </div> </div> <div class="col-xs-3> <!-- image goes here --> </div> </div>
edit: , btw, question totally unrelated php. consider removing php tag.
Comments
Post a Comment