Bootstrap学习笔记

最新推荐文章于 2025-09-05 11:22:47 发布
转载 最新推荐文章于 2025-09-05 11:22:47 发布 · 70 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/u/3861934/blog/3011949
文章标签：

#javascript #前端 #python #ViewUI

本文介绍Bootstrap4，这是HTML、CSS和JS的最新开源工具集。适合已掌握前端基础知识的学习者，详细讲解如何通过官网学习Bootstrap，重点在于理解和使用预定义的类名。

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。开始学习Bootstrap之前，需要具备HTML，CSS，JS的知识。具备这些前端知识后，可以通过Bootstrap的官方网站（中文）进行学习。bootstrap4学习

Bootstrap是一个前端UI框架，它把CSS都写好了，使用的时候只需要导入库文件，并且给HTML元素添加预定义类名。所以学习Bootstrap就是学习各种Bootstrap预定义的类名。

 

转载于:https://my.oschina.net/u/3861934/blog/3011949

bootstrap学习笔记
qq_44973993的博客
08-15 357
bootstrap什么是 bootstrap？bootstrap 包的内容bootstrap的安装boostrap使用的注意点boostrapCSS具体使用（只演示部分其余的看文档）按钮表格图片自定义boostrapCSS网格（栅格）系统Bootstrap 网格系统（Grid System）的工作原理表单表单布局垂直或基本表单内联表单水平表单辅助类boostrap布局组件具体使用（只演示部分其余的看文档）导航栏警告框进度条分页字体图标boostrap插件具体使用（只演示部分其余的看文档）轮播模态对话框 什么
BootStrap学习笔记
深思纵似丁香结，一展芭蕉寸凡心。
01-20 1042
二、安装和使用 参考API：http://v3.bootcss.com/css/ 类用于100% 宽度，占据全部视口（viewport）的容器 02 栅格网格系统 BootStrap 提供了一套响应式、移动设备优先的流式栅格系统。随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。栅格系统用于通过一系列的行（row）或列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份（也有平分成24份或
Bootstrap学习笔记4
qq_52476758的博客
03-02 1865
1. 下拉菜单与滚动监视器1.1 下拉菜单1.1.1 属性声明式方法1.1.2 JavaScript触发方法1.2 滚动监视器1.2.1 滚动监控器的设计1.2.2 声明属性触发滚动监控1.2.3 在body中加监控1.2.4 JavaScript方法触发滚动监控器2. 选项卡、提示框和弹出框2.1 选项卡-Tabs2.1.1 选项卡的结构2.1.2 触发切换效果2.1.3 为选择卡添加fade样式2.1.4 胶囊式选项卡（nav-pills）2.1.5 JavaScript触发方法2.2 提示框-Too.
bootstrap 学习笔记
狗剩的专栏
05-04 1004
目录 bootstrap 学习笔记 共计 17讲 3个小时 https://www.bilibili.com/video/BV1TU4y1p7zU?p=1 P1-BootStrap-BootStrap的介绍及下载 11:56 P2-BootStrap-BootStrap的使用与布局容器 15:22 P3-BootStrap-栅格网格系统-列组合与列偏移 20:38 P
HTML，CSS，bootStrap学习笔记.zip
11-08
资源简介《HTML，CSS，Bootstrap学习笔记》是一个综合性的学习资源包，旨在帮助初学者和进阶开发者全面掌握前端开发的基础知识和技能。本资源包涵盖了HTML、CSS和Bootstrap这三个前端开发的核心领域，通过详细的笔记...
【JavaScript】你都如何得到一个ID？
等时钟成长
09-04 996
本文探讨了前端开发中生成唯一ID的几种方法。首先介绍了基于时间戳的方案，包括Vite的单调递增时间戳和Yeast的时间戳+序号组合，后者通过base64编码缩短ID长度。其次分析了随机数方案，如简单的36进制转换和更专业的NanoID库，后者利用crypto.getRandomValues()生成更安全的随机ID。文章还深入解析了NanoID的自定义字符集实现细节，包括掩码计算和位运算优化。这些方法各具特点，开发者可根据安全性、性能和易用性需求选择合适的方案。
Vue基础知识-脚手架开发-子传父-props回调函数实现和自定义事件（$on绑定、$emit触发、$off解绑）实现
2503_91308956的博客
09-04 954
本文演示了Vue2中两种子组件向父组件传递数据的方法：1）通过props回调函数，父组件传递回调函数给子组件，子组件调用该函数传参；2）通过自定义事件，父组件给子组件绑定事件，子组件用$emit触发并传参。
调试技巧：Chrome DevTools 与 Node.js Inspector
最新发布
zimin的专栏
09-05 854
在 Electron 框架的开发流程中，调试技巧是确保代码质量和应用稳定的核心环节。它不仅仅是查找 bug 的工具，更是开发者深入理解应用行为、优化性能和提升效率的利器。想象一下，一个复杂的 Electron 应用如一个多窗口数据可视化工具或实时聊天客户端，它涉及主进程的 Node.js 逻辑、渲染进程的 UI 交互，以及进程间的 IPC 通信。如果没有有效的调试技巧，开发者将面临代码执行不明、内存泄漏难查或渲染卡顿无从下手的困境。Chrome DevTools 和 Node.js Inspector 作为
【JavaScript】前端两种路由模式，Hash路由，History 路由
m0_74282926的博客
09-02 1275
Hash 路由：前端自给自足，后端几乎零配合；代价是 URL 与 SEO。History 路由：用户体验与 SEO 友好，但刷新/直达必须有服务端兜底，并和 API、静态资源做好“分流”。对 Go 后端来说，掌握本文几段Nginx/Caddy/Gin/GoFrame 样例配置，就能把前端 History 路由稳定落地，避免 404 与静态资源回退等典型坑。注解：真正上线前，务必按“直接打开深链刷新后退前进断网重试缓存与版本回滚”五类场景做灰度验证；
Vue3 + Ant Design Vue 实现多选下拉组件（支持分组、搜索与标签省略）
weixin_42285486的博客
09-03 1042
通用性强：可复用于任何多选列表场景技术点清晰：展示 Vue3 组合式 API + Ant Design Vue 高级用法扩展方向支持远程搜索，减少本地数据加载压力支持分组标题显示，优化用户体验支持自定义标签渲染，显示更多信息。
WebView安全实现（二）
samli的博客
09-04 907
本文总结了WebView的安全风险与防御方案。WebView的主要攻击路径包括Intent、deeplink和特殊端口/协议，风险函数如loadUrl()、evaluateJavascript()等可能被滥用。文章分析了"一句话修复方案"的局限性，列举了沙盒突破、白名单绕过等攻击手法，并提供了分层防御策略：1）基础配置加固，禁用不必要的功能；2）严格的白名单校验机制；3）运行时防护措施如子帧隔离和API验证；4）针对特定业务场景定制安全方案。
vue中页面跳转，如何传递参数，多模块之间如何传参数有几种方式：
qq_43631129的博客
09-03 196
minxin — 缺点：每次页面进入都会初始化，跟当前页面的生命周期绑定。localStorage—本地存储–每次取完都清空，也不需要响应式。vuex–缺点：传一个字段不值当，刷新一下数据丢失。eventBus—页面使用这种方式太多，不方便维护。query—缺点：地址栏中20个参数，不美观.优点：多页面公用一套逻辑代码。优点：页面刷新数据还存在。优点：数据实时响应，
React 中的 HOC 和 Hooks
edwardwzw的博客
09-04 769
        在函数式组件主导的 React 项目中，高阶组件（HOC）并非首选推荐，更建议优先使用 Hooks来实现复用逻辑。核心原因是 HOC 存在固有的设计缺陷，而 Hooks 能更优雅、简洁地解决相同问题，同时避免 HOC 的痛点。         本章节我们将分别介绍二者，并重点体会 Hooks 在函数式组件项目中的优势。
2025年09月03日最热门的开源项目(Github)
09-04 683
JavaScript手录进阶01-跨域问题
qq_45925548的博客
09-03 705
AJAX无刷新交互与跨域解决方案 AJAX通过XHR或fetch实现无刷新数据交互，核心价值在于提升用户体验。跨域问题由浏览器同源策略引发，主要解决方案包括： CORS：后端设置Access-Control-Allow-Origin响应头，支持所有HTTP方法，生产环境首选； JSONP：利用script标签跨域特性，仅支持GET请求，适合老项目兼容； 代理服务器：通过Nginx或webpack-dev-server转发请求，开发调试常用； WebSocket：全双工通信协议，适合实时场景如聊天室。 关键注
.tsx父页面给.vue子页面传参
cyw8998的专栏
09-05 176
【代码】.tsx父页面给.vue子页面传参。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值