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

Popular posts from this blog

asynchronous - C# WinSCP .NET assembly: How to upload multiple files asynchronously -

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -