extjs 页面显示有关问题

extjs 页面显示问题
各位大侠,小弟初学extjs。extjs4.2,初学B/S,网上有很多extjs布局方法,我就引用了js,粘贴了布局代码,但是运行起来,看不到任何框架和控件只有文字。aspx文件如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Main.aspx.cs" Inherits="ExtJs.Main" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<%--<link href="./ext-all.css" rel="stylesheet" />--%>
<script src="./js/bootstrap.js"type="text/javascript"></script>
<script src="./js/ext-all.js"type="text/javascript"></script>
<script src="./js/ext-lang-zh_CN.js"type="text/javascript"></script>
<title>xxxxxxxxxxxxxxx</title>
<script type="text/javascript">
Ext.onReady(function () {
Ext.create('Ext.container.Viewport', {
layout: 'border',
items: [{
region: 'north',
html: '<h1>这里放置logo</h1>',
xtype: "panel",
title: "标题",
autoHeight: true,
border: false,
margins: '0 0 5 0'
}, {
region: 'west',
collapsible: true,
title: '左侧导航',
xtype: 'panel',
width: 200,
         autoScroll: true
}, {
region: 'center',
xtype: 'tabpanel',
activeItem: 0,
items: {
title: '首页',
html: '这里是首页正文内容'
}
}, {
region: 'south',
title: '底部',
collapsible: true,          //允许折叠
html: '这里放置版权信息',
split: true,
height: 100,
minHeight: 100
}]
});
});
</script>
</head>
<body>
</body>
</html>


运行起来是:
extjs 页面显示有关问题
但是网上是:
extjs 页面显示有关问题

什么情况啊。我少了什么东西吗
------解决思路----------------------
你的css怎么注释了