没有不值得去解决的问题,也没有不值得去学习的技术!

通过 npm 进行安装 Bootstrap v3.3.7

在某一个基于 Bootstrap 的页面上,打开 Run Bootlint 书签,将出现一个弹出窗口,通知您是否检测到问题,如果存在问题,请打开开发人员工具并选择控制台选项卡

1、通过 npm 进行安装 v3,如图1
npm install bootstrap@3

通过 npm 进行安装 v3
图1

2、安装 Grunt,以 编译 CSS 和 JavaScript 文件,由于 npm 安装速度较慢,最终选择 cnpm ,如图2
(1)在全局环境中安装 grunt-cli :npm install -g grunt-cli
(2)进入 /bootstrap/ 根目录,然后执行 cnpm install 命令。npm 将读取 package.json 文件并自动安装此文件中列出的所有被依赖的扩展包。

安装 Grunt,以 编译 CSS 和 JavaScript 文件,由于 npm 安装速度较慢,最终选择 cnpm
图2

3、执行 grunt dist 命令,仅编译 CSS 和 JavaScript 文件,如图3

执行 grunt dist 命令,仅编译 CSS 和 JavaScript 文件
图3

4、安装 Bootlint,其是 Bootstrap 官方所支持的 HTML 检测工具,如图4
cnpm install -g bootlint

安装 Bootlint,其是 Bootstrap 官方所支持的 HTML 检测工具
图4

5、在命令行中执行检测,如图5
bootlint index.html

在命令行中执行检测
图5

6、在浏览器中运行 Bootlint,参考网址:https://github.com/twbs/bootlint ,如图6
(1)在浏览器中创建一个新的书签
(2)设置名称:Run Bootlint
(3)设置网址:
javascript:(function(){var s=document.createElement(“script”);s.onload=function(){bootlint.showLintReportForCurrentDocument([]);};s.src=”https://maxcdn.bootstrapcdn.com/bootlint/latest/bootlint.min.js”;document.body.appendChild(s)})();

7、在某一个基于 Bootstrap 的页面上,打开 Run Bootlint 书签,将出现一个弹出窗口,通知您是否检测到问题,如果存在问题,请打开开发人员工具并选择控制台选项卡,如图7

在某一个基于 Bootstrap 的页面上,打开 Run Bootlint 书签,将出现一个弹出窗口,通知您是否检测到问题,如果存在问题,请打开开发人员工具并选择控制台选项卡
图7

 

 

需要长期技术维护或远程问题排查?

我是拥有 15+ 年经验的 PHP / Go 后端工程师,长期关注已有系统维护、Bug 修复、性能优化、服务器排查、WordPress 网站维护和小功能迭代。

如果你的项目遇到以下情况,可以先从一次小问题排查开始合作:

  • ✅ PHP / Laravel / Yii2 老项目无人维护
  • ✅ Go / Gin 后端接口需要排查或优化
  • ✅ WordPress 网站访问慢、报错或插件冲突
  • ✅ Nginx / MySQL / Redis / Linux 服务器异常
  • ✅ CDN / Cloudflare / DNS / HTTPS 配置问题
  • ✅ 需要长期远程技术支持或兼职维护

更多介绍请查看:关于我 & 合作

微信:13980074657
邮箱:shuijingwanwq@gmail.com
Telegram:@shuijingwan
GitHub:https://github.com/shuijingwan

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理