引用Bootstrap的坑

最新推荐文章于 2023-04-19 00:00:00 发布
最新推荐文章于 2023-04-19 00:00:00 发布
阅读量1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a984145377/article/details/79832391
版权

1.引用jquery和bootstrap.js顺序

  首先引用jquery，在引用bootstrap.js

2.去https://getbootstrap.com/docs/4.0/components/navbar/

或者http://v4-alpha.getbootstrap.com/components/navbar/找需要的组件，不要去其他bootstrap网站

3.navbar里将nav的class改

<nav class="navbar navbar-toggleable-md navbar-light  bg-faded sticky-top">

4.自己的CSDN有bootstrap的外部文件下载

背面兄弟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
bootstrap框架使用中遇到的问题和解决方法
12-18
bootstrap框架使用中遇到的问题和解决方法。希望能够帮到更多人
Bootstrap 5-导航栏-固定导航栏和粘性导航栏
最新发布
m0_73839298的博客
09-26 841
位置固定导航栏顶部代码图效果图位置固定导航栏底部代码图效果图粘性导航栏代码图效果图。
Bootstrap系列之定位（Position）
老__L的博客
06-03 2537
定位（Position）
Bootstrap的下载和使用
桃花扇的博客
04-11 1243
Bootstrap的第一篇，先讲一下下载版本和引用方式吧 首先下载一定要找对网站！！！https://getbootstrap.com/，认准啦，别去中文网站下载，重要的事情看三遍！！！ 现在主要使用的两个版本，一个是v4.4，戳上面的链接，另一个是v3.3.7,戳这个链接https://getbootstrap.com/docs/3.3/，先大概讲一下两个版本的区别，v4.4的响应式布局是...
Bootstrap样式
qq_44883796的博客
09-28 141
基本边框：   //无边框 //添加顶部边框 //添加右部边框 //添加底部边框 //添加左部边框 在一个空间上定义边框-删除或显示特定边框定义方法： //无边框//无边框//清除顶部边框//清除右部边框//清除底部边框//清除右部边框 关闭图标：  × 图像替换（使用图像替换class样式类，实现文字与背景图的替换） 使用 .text-hide class样或sass mixin来隐藏一个元素的文字内容并替换成背景图片。 Custom heading // Us
认识Bootstrap与引用
weixin_52120405的博客
05-28 790
1.官网：Bootstrap中文网 (bootcss.com) 2.BS是一个入门级UI框架，汇集了HTML、CSS（less）（布局）和JavaScript（插件）的一个框架。 3.BS不是所有项目都适合使用BS实现布局，如果UI工程师没有按照BS的栅格系统理念去设计UI图，因为BS不适合做固定宽高的网页。 BS一般用于开发没有UI图的项目，且为响应式的项目。 4.BS3和BS4的区别： BS3有4种栅格，而BS4有5种栅格； BS4全面引入ES6，...
SpringBoot访问静态资源和jar外部静态资源，部署前端打包后的vue项目放入静态资源里
蚂蚁舞
04-19 6654
记录一下使用SpringBoot访问静态资源和SpringBoot打包之后的jar外部静态资源，部署前端打包后的vue项目放入静态资源里。
【Vue】Vue引入bootstrap的方法
bandaoyu的note
03-04 1万+
方法一：在main.js中引入（1） npm i jquery npm i bootstrap 在main.js中 import 'jquery/dist/jquery.min' import 'bootstrap/dist/css/bootstrap.css' 这样就可以生效了，不用网上别人那么繁琐 摘自：https://blog.csdn.net/it_all/art...
源映射错误：request failed with status 404
github_38237196的博客
12-24 7423
  有关源映射详细讲解： https://www.cnblogs.com/xuld/p/5882677.html   关于bootstrap的解决： 去掉bootstrap.css的最后一行：
浏览器提示：源映射错误：request failed with status 404 源 URL：http://xxx.js 源映射 URL：jquery.min.map
热门推荐
叶新东老师的博客
07-26 5万+
浏览器 jquery1.9.1min.js 报脚本错误 无jquery.min.map 文件   最近在浏览个人网站的时候就遇到了这个问题   我先说一下什么是source map文件。        source map文件是js文件压缩后，文件的变量名替换对应、变量所在位置等元信息数据文件，一般这种文件和min.js主文件放在同一个目录下。        比如压缩后原变量是map，压...
引入bootstrap导致布局混乱
qq_37260235的博客
10-21 4210
项目网页copy模板，使用后发现引入bootstrap导致页面布局变小了等问题，查找后发现，引入样式的顺序应该是： 应该将bootstrap首先引入，然后再在下面编写css或者是引入其他css文件。 &lt;script src="js/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="js/bootstrap.min.js"&gt;&lt;/s...
在HTML网页中引入Bootstrap前端框架
lzssing-GG的博客
02-15 3万+
Bootstrap百度百科介绍：       Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由
BootStrap4工具类之定位
爱喝水的qdy的博客
12-04 2135
目录官方地址其他文档地址通用属性固定在顶部固定在底部sticky置顶整体代码 官方地址 https://getbootstrap.com/docs/4.4/utilities/position/ 其他文档地址 https://getbootstrap.net https://getbootstrap.net/docs/utilities/position/ http://bs4.vx.li...
关于一个页面中引入另一个页面 bootstrap引用Js失效的坑
Aviciie的博客
12-19 3947
只需要在父页面中引入所有的js文件 子页面中不需要引入重复的js文件 否则会莫名其妙的错误 也没有报错！以此记下踩了5个小时的坑 如果是弹窗的话 照目前编码状况来看 两个页面没有相互影响
jquery 滚动到某个div_【前端词典】4 （+1）种滚动吸顶实现方式的比较[性能升级版]...
weixin_39639381的博客
11-24 184
修改版预览这篇文章是三天前写就的，有大佬给我提了一些修改意见，我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到GitHub了。修改内容如下：添加了图文说明，直观的说明getBoundingClientRect()集合含义频繁 reflow 风险该如何规避(优化滚动监听)监听滚动带来的性能问题(使用IntersectionObserver, 新方案)修改更新的内...
Bootstrap----导航栏
weixin_52247167的博客
04-14 1万+
文章目录 一、导航栏 1、container 2、navbar 3、navbar-expand-xx 4、navbar-xxxx 5、bg-xxxx 6、navbar-brand 7、navbar-toggler 8、navbar-toggler-icon 9、定位 二、导航栏之切换触发器 1、data-toggle="xxx" 2、data-target="#id" 3、aria-controls="id" 4、aria-label 5、aria-expanded="bo.
python 如何引用bootstrap的模板
04-25
你可以使用 Flask 框架中的 Flask-Bootstrap 扩展来引用 Bootstrap 模板。具体步骤如下： 1. 安装 Flask-Bootstrap：在终端中输入命令 `pip install flask-bootstrap`，按回车键确认安装。 2. 在 Flask 应用中导入 Bootstrap：在应用代码中导入 Bootstrap，如下所示： ``` from flask import Flask from flask_bootstrap import Bootstrap app = Flask(__name__) bootstrap = Bootstrap(app) ``` 3. 在模板中引用 Bootstrap：在模板的 head 中添加 Bootstrap 的 CSS 和 JS 文件的链接，如下所示： ``` <!doctype html> <html> <head> <title>My Flask App</title> <link rel="stylesheet" href="{{url_for('static', filename='css/bootstrap.min.css')}}"> <script src="{{url_for('static', filename='js/bootstrap.min.js')}}"></script> </head> <body> <div class="container"> <!-- 页面内容 --> </div> </body> </html> ``` 通过这些步骤，你就可以在 Flask 应用中使用 Bootstrap 模板了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值