自己解决了,当我把
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <script src="js/jquery-1.11.1.js"></script> <script src="js/bootstrap.min.js"></script>
都引入后,路径是没问题的。然后也是没效果,我查看了Boostrap可视化啊布局页面的源码后,把
<link href="css/bootstrap-combined.min.css" rel="stylesheet"> <link href="css/layoutit.css" rel="stylesheet">
这两个文件下下来,然后引入到我自己的页面中。页面布局就正常了。
注意本地文件路径哦,例如:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1" /> <title>可视化测试</title> <link rel="stylesheet" href="css/bootstrap.min.css" /> <link rel="stylesheet" href="css/bootstrap-table.css"/> <script src="D:\Workspace\bootstraptest\WebContent\js\jquery-2.0.3.min.js"></script> <script src="D:\Workspace\bootstraptest\WebContent\js\bootstrap-table.js"></script> <script src="D:\Workspace\bootstraptest\WebContent\js\bootstrap-table-zh-CN.js"></script> <style> body{padding-top: 0px;} .starter {padding: 40px 15px; text-align: center;} </style> </head>