無法使用引導程序正確對齊圖像

Question

嘗試顯示圖像時出現此問題。 我嘗試了所有方法，但無法獲得正確的方法。 這是它的樣子。 我希望第二行數據位於第一個數據行的正下方，而圖像緊隨其后。 https://postimg.org/image/634nny3b9/

這是該頁面的一些代碼

私人人物

        <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>

塊引用

Answer 1

您基本上可以做的是：

<div class="row>
    <div class="col-xs-9>
        <div class="row">
            <div class="col-xs-4">
            <!-- labels and inputs go here -->
            </div>
            <div class="col-xs-4">
            <!-- labels and inputs go here -->
            </div>
            <div class="col-xs-4">
            <!-- labels and inputs go here -->
            </div>
        </div>
    </div>
    <div class="col-xs-3>
        <!-- image goes here -->
    </div>
</div>

編輯：順便說一句，這個問題與php完全無關。 考慮刪除php標簽。