使用bootstrap框架页面模板
2018-11-09 20:24
344 查看
<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <title>Hello, world!</title> </head> <body> <h1>Hello, world!</h1> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> </body> </html>
bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码:
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
相关文章推荐
- bootstrap前端框架使用modal弹出框form表单submit操作后解决页面提示不显示
- 使用Bootstrap框架制作查询页面的界面实例代码
- java web页面使用bootstrap框架进行开发之引用样式
- thymeleaf页面框架模板的使用
- 在Bootstrap开发框架的前端视图中使用@RenderPage实现页面内容模块化的隔离,减少复杂度
- BootStrap页面框架模板
- 使用模板实现ASP代码与页面分离
- Caliburn Micro 框架 WP8使用研究(二)页面导航
- 使用模板实现ASP代码与页面分离
- 如何在框架(frame)页面之间使用appendChild()?
- PHP Yii框架中使用smarty模板
- BootStrap tabs标签 使用fade效果首次加载页面不能显示内容
- 使用模板实现ASP代码与页面分离
- AjaxPro框架使用整理(一) 一个简单的异步交互页面
- 在模板页面的js使用 办法
- asp.net从模板引擎到模板引擎-使用aspx页面作为模板引擎的一种实现
- 使用WordPress添加新页面功能使用页面模板
- Enterprise Library +Caliburn.Micro+WPF CM框架下使用企业库验证,验证某一个属性,整个页面的文本框都变红的原因
- 详细解读Spring2.5 +Struts1.3 框架(使用Spring声明式事物管理和springjjdbc模板)
- 探讨要不要使用bootstrap foundation等开源框架