博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap布局
阅读量:5768 次
发布时间:2019-06-18

本文共 1784 字,大约阅读时间需要 5 分钟。

hot3.png

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

143539_hnbt_1760858.png

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

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

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

145207_g3cF_1760858.png

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

 

转载于:https://my.oschina.net/u/1760858/blog/753786

你可能感兴趣的文章
索引(学习笔记)
查看>>
PHP验证手机号码和归属地 PHP函数代码
查看>>
【转】面向对象的三个基本特征 和 五种设计原则
查看>>
PJ Naughter CSerialPort
查看>>
软件測试自学指南---从入门到精通
查看>>
JDBC连接oracle RAC数据库配置
查看>>
【读书笔记《Android游戏编程之从零开始》】20.游戏开发基础(游戏数据存储)...
查看>>
【消息】Pivotal Pivots 开源大数据处理的核心组件
查看>>
MapGuide应用程序演示样例——你好,MapGuide!
查看>>
cocos2d-x 3.0 rapidJson 解析操作应该注意的细节
查看>>
oracle 索引的(创建、简介、技巧、怎样查看)
查看>>
用脚本定时监控SQL Server主从一致性
查看>>
类模版的static成员
查看>>
LeetCode - Valid Parentheses
查看>>
ANDROID对文件的操作
查看>>
用互联网思维来开发客户端软件——项目开发小结
查看>>
CSS中脱离文档流是什么意思?
查看>>
ExtJS智能提示工具spket安装与破解
查看>>
[LeetCode] Regular Expression Matching 正则表达式匹配
查看>>
Shader的语法
查看>>