Bootstrap佈局

時間 2019-11-19

原文原文鏈接

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

                        <div class="panel-title pull-left">
          採購單
       </div>ui

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

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

</div>element

</div>input

it

<div class="panel-content">form

<form>class

此處內容在下面require

</form>

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

=================== 一個模快結束

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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。