A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 坏男孩 中级黑马   /  2014-5-8 22:44  /  829 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Bootstrap</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <!-- Bootstrap -->
  7. <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

  8. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  9. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  10. <!--[if lt IE 9]>
  11. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  12. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  13. <![endif]-->
  14. </head>
  15. <body>
  16. <div class="container">
  17. <h1>Hello, world!</h1>
  18. <div class="row">
  19. <div class="col-xs-4">
  20. <h2 class="page-header">区域一</h2>
  21. <p>Bootstrap has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.</p>
  22. </div>
  23. <div class="col-xs-4">
  24. <h2 class="page-header">区域二</h2>
  25. <p>If you work with Bootstrap's uncompiled source code, you need to compile the LESS files to produce usable CSS files. For compiling LESS files into CSS, we only officially support Recess, which is Twitter's CSS hinter based on less.js.</p>
  26. </div>
  27. <div class="col-xs-4">
  28. <h2 class="page-header">区域三</h2>
  29. <p>Within the download you'll find the following directories and files, logically grouping common resources and providing both compiled and minified variations.</p>
  30.       </div>
  31.       </div>
  32. </div>
  33. <script src="js/jquery-2.0.3.min.js"></script>
  34. <script src="js/bootstrap.min.js"></script>
  35. </body>
  36. </html>
复制代码

这个例子在360极速浏览器中能好使,但是怎么用IE浏览器打开就显示不了div的排版格式呢?

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马