【问题标题】:How to image set my layout?如何图像设置我的布局?
【发布时间】:2017-04-23 14:57:02
【问题描述】:

我不是前端开发人员。我正在使用引导程序,如下图所示:

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

我希望我的图像看起来像这样:

【问题讨论】:

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


【解决方案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>

【讨论】:

  • 尝试使用 col-xs 代替 md
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-10-16
  • 2018-11-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多