2016-12-08 109 views
-3

我不是前端開發人員。我使用的引導我當前的代碼像下面的圖像:如何設置我的佈局圖像?

Image

<div class="panel-body"> 

         <form action=""> 
          <div class="form-group"> 
            <div class=" row"> 
           <label class="col-md-2 control-label" for="inputDefault">Full Name</label> 
           <div class="col-md-4"> 
            <input type="text" class="form-control" id="inputDefault" ng-model='Profile.full_name ' name='full_name' readonly> 
           </div> 
            </div> 
          </div> 
          <div class="form-group"> 
            <div class=" row"> 
           <label class="col-md-2 control-label" for="inputDefault">Company Name</label> 
           <div class="col-md-4"> 
            <input type="text" class="form-control" id="inputDefault" readonly ng-model='Profile.company_name ' name='company_name'> 
           </div> 
           </div> 
          </div> 

          <div class="form-group"> 
            <div class=" row"> 
           <label class="col-md-2 control-label" for="inputDefault">Mobile Number</label> 
           <div class="col-md-4"> 
            <input type="text" class="form-control" id="inputDefault" readonly ng-model='Profile.mobile_number ' name='mobile_number'> 
           </div> 
          </div> 
          </div> 
          <div class=" col-xs"> 
         <img src="\images\blank.jpg" alt="\images\blank.jpg" > 
          </div> 
          </form> 
           </div> 

我想我的形象看起來是這樣的:

enter image description here

+0

哪來你的CSS? –

+0

使用默認的CSS引導http://getbootstrap.com/components/ –

回答

1
<div class="panel-body"> 



         <div class="col-md-8"> 

         <form action=""> 
          <div class="form-group"> 
          <div class=" row"> 
           <label class="col-md-2 control-label" for="inputDefault">Full Name</label> 
           <div class="col-md-10"> 
            <input type="text" class="form-control" id="inputDefault" ng-model='Profile.full_name ' name='full_name' readonly> 
           </div> 
           </div> 
           </div> 

            <div class="form-group "> 
            <div class="row"> 
           <label class="col-md-2 control-label">Email</label> 
           <div class="col-md-10"> 
            <input type="text" ng-model='Profile.email' id="email" name='email' readonly class="form-control ng-pristine ng-untouched ng-valid ng-empty" aria-invalid="false"> 
           </div> 
            </div> 
            </div> 


          </form> 
          </div> 

           <div class="col-md-4"> 

         <img src="\images\blank.jpg" alt="\images\blank.jpg" > 
           </div> 
+0

不工作....其顯示下面 –

+0

嘗試使用col-xs而不是md – sid1001

+0

我編輯我的帖子檢查 –