如何设置我的布局图像?

时间:2016-12-08 11:20:53

标签: css angular-ui-bootstrap bootstrap-modal

我不是开发人员的前端。我正在使用bootstrap我当前的代码如下图:

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

1 个答案:

答案 0 :(得分: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>