案例：Extjs案例     状态：可编辑再运行    进入竖版
 运行结果　
AخA
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
   <link href="//cdn.bootcss.com/extjs/6.2.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
5
   <script type="text/javascript" src="//cdn.bootcss.com/extjs/6.2.0/ext-all.js"></script>
6
    <link href="//cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"  />
7
   <script type="text/javascript">
8
      Ext.onReady(function() {
9
         Ext.create('Ext.container.Container', {
10
            renderTo : Ext.getBody(),
11
            layout : 'auto' ,
12
            width : 600,
13
            items : [{
14
               xtype : 'button',
15
               iconCls  : 'fa fa-car',
16
               text  : 'Browse Fil1e'
17
            },{
18
               xtype : 'button',
19
               iconCls  : 'fa fa-file',
20
               text  : 'Browse File3'
21
            },{
22
               xtype : 'button',
23
               iconCls  : 'fa fa-home',
24
               text  : 'Browse File4'
25
            },{
26
               xtype : 'button',
27
               iconCls  : 'fa fa-folder',
28
               text  : 'Browse File5'
29
            }]
30
         });
31
      });
32
   </script>
33
</head>
34
<body>
35
   <div id = "panel" > </div>
36
</body>
37
</html>