Bootstrap布局

<div class="container-fluid app-container fixed no-header">
    <div class="app-content">
        <div class="panel panel-default fixed no-footer">
            <div class="panel-heading clearfix">

                        <div class="panel-title pull-left">
                               采购单
                        </div>

                        <div class="panel-toolbar pull-right">

                                    <button class="btn  btn-info" >保存 </button>

                         </div>

            </div>

                  <!---上面是按钮-->

            <div class="panel-content">

                    <form>

                            此处内容在下面

                   </form>

            </div>

        </div>

       </div>

</div>

=======================================

<div class="col-sm-12 col-xs-12">
             <div class="element-title"> 
                            <div class="element-left-item">
                                <div class="element-title-img"></div>
                                <div class="element-title-name">采购单明细</div>
                            </div>
                            <div class="element-right-item">
                                    <span class="btn btn-danger" ></i>删除</span>
                            </div>
                            <div class="element-right-item">
                                    <span class="btn btn-info " >询价单选中记录</span>
                             </div>
              </div>

</div> 
 <div class="col-sm-12 col-xs-12">
               <div class="horizontal_noline"></div>  //中航线
</div> 

<div class="col-sm-12 col-xs-12">

        这里面能够放表格

</div>

=================== 一个模快结束

<div class="col-sm-12 col-xs-12">
             <div class="element-title"> 
                            <div class="element-left-item">
                                <div class="element-title-img"></div>
                                <div class="element-title-name">货币成本</div>
                            </div>
                            <div class="element-right-item">
                                    <span class="btn btn-danger" ></i>删除</span>
                            </div>
                            <div class="element-right-item">
                                    <span class="btn btn-info " >询价单选中记录</span>
                             </div>
              </div>

</div> 
 <div class="col-sm-12 col-xs-12">
               <div class="horizontal_noline"></div>  //中航线
</div> 

<div class="col-sm-11 col-xs-12">

                      <div class="col-sm-6 col-xs-12">  //注意这里是 6
                            <div class="form-group">
                                   <label class="control-label col-sm-4 col-xs-12 required">货币</label>
                                   <div class="col-sm-8 col-xs-12">
                                        <input type="text" value="10000">
                                   </div> 
                            </div> 
                        </div> 

                     <div class="col-sm-6 col-xs-12">

                        第二个表单

                   </div> 

</div>