Bootstrap 初级错误导致显示空白页

简介: Bootstrap 初级错误导致显示空白页

错误现象

在官网下载bootstrap代码,引入js、css、font文件,然而项目启动之后整个页面只是空白,怎么刷新重新部署都无法显示内容。


错误原因

经过多次对比,猜测原因可能是因为没有引入jquery文件导致。果然,引入jquery文件之后内容马上展现出来。

这里值得注意的是必须在引入bootstrap的js文件之前引入jquery文件,因为bootstrap要用到jquery。


在这个很简单的错误上浪费了太多时间,在此记录一下。


目录
相关文章
|
5月前
|
前端开发
解决bootstrap table刷新加载时白色闪屏问题
解决bootstrap table刷新加载时白色闪屏问题
37 0
|
5月前
|
前端开发
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示
|
7月前
Pyhton 使用浏览器打开本地 html(打开指定页面、新建标签栏 ....)
Pyhton 使用浏览器打开本地 html(打开指定页面、新建标签栏 ....)
117 0
|
12月前
|
JavaScript 前端开发 测试技术
Bootstrap 基于Bootstrap和JQuery实现动态打开和关闭tab页
Bootstrap 基于Bootstrap和JQuery实现动态打开和关闭tab页
194 0
|
前端开发
bootstrap 组件之分页 提示框 提示工具组件
bootstrap 组件之分页 提示框 提示工具组件
|
JavaScript
vue.js:点击空白区域关闭弹窗
vue.js:点击空白区域关闭弹窗
306 0
|
前端开发 JavaScript
nprogress 插件 网页顶部加载进度条
nprogress 插件 网页顶部加载进度条
108 1
nprogress 插件 网页顶部加载进度条
|
Web App开发 前端开发
Bootstrap系列 -- 39. 导航条添加标题
  在Web页面制作中,常常在菜单前面都会有一个标题(文字字号比其它文字稍大一些),其实在Bootstrap框架也为大家做了这方面考虑,其通过“navbar-header”和“navbar-brand”来实现。
645 0
|
前端开发
Bootstrap系列 -- 42. 导航条中的按钮、文本和链接
  Bootstrap框架的导航条中除了使用navbar-brand中的a元素和navbar-nav的ul和navbar-form之外,还可以使用其他元素。框架提供了三种其他样式:   1、导航条中的按钮navbar-btn   2、导航条中的文本navbar-text   3、导航条中的普通链接navbar-link   但这三种样式在框架中使用时受到一定的限制,需要和navbar-brand、navbar-nav配合起来使用。
1054 0
|
JavaScript 前端开发 容器
Bootstrap系列 -- 41. 带表单的导航条
  有的导航条中会带有搜索表单,在Bootstrap框架中提供了一个“navbar-form”,使用方法很简单,在navbar容器中放置一个带有navbar-form类名的表单。navbar-left”让表单左浮动,更好实现对齐。
902 0