html转php后页面混乱，求教


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Archon Admin Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Loading Bootstrap -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet"> <!-- Loading Stylesheets -->    
<link href="css/archon.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link href="css/prettify.css" rel="stylesheet"> <!-- Loading Custom Stylesheets -->    
<link href="css/custom.css" rel="stylesheet"> <!-- Loading Custom Stylesheets -->    
<link href="css/custom.css" rel="stylesheet"> <link rel="shortcut icon" href="images/favicon.ico"> <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="frame">

</div> <!-- Frame -->
<!-- Load JS here for greater good =============================-->
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="js/jquery.ui.touch-punch.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-select.js"></script>
<script src="js/bootstrap-switch.js"></script>
<script src="js/jquery.tagsinput.js"></script>
<script src="js/jquery.placeholder.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
<script src="js/application.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/jquery.sortable.js"></script>
<script type="text/javascript" src="js/jquery.gritter.js"></script> <!-- Charts  =============================-->
<script src="js/charts/jquery.flot.js"></script>
<script src="js/charts/jquery.flot.resize.js"></script>
<script src="js/charts/jquery.flot.stack.js"></script>
<script src="js/charts/jquery.flot.pie.min.js"></script>
<script src="js/charts/jquery.sparkline.min.js"></script>
<script src="js/jquery.knob.js"></script>
<!-- NVD3 graphs  =============================-->
<script src="js/nvd3/lib/d3.v3.js"></script>
<script src="js/nvd3/nv.d3.js"></script>
<script src="js/nvd3/src/models/legend.js"></script>
<script src="js/nvd3/src/models/pie.js"></script>
<script src="js/nvd3/src/models/pieChart.js"></script>
<script src="js/nvd3/src/utils.js"></script>
<script src="js/nvd3/sample.nvd3.js"></script> <!-- Map and icons on map--> <script src="js/map-icons.js"></script> <!-- Archon JS =============================-->
<script src="js/archon.js"></script>
<script src="js/knobs-custom.js"></script>
<script src="js/sparkline-custom.js"></script>
<script src="js/dashboard-custom.js"></script>
</body>
</html>