菜单
×
我的 W3Schools 获取证书 云空间 教师版 Plus 获取证书 云空间 教师版 Plus
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Bootstrap 示例

❮ 上一页 下一页 ❯

Bootstrap 入门

容器 流式容器

Examples explained

Bootstrap 网格基础

三个等宽列 两个不等宽列

Examples explained

Bootstrap 排版

标题 <h1> 到 <h6> <small> 元素 <mark> 元素 <abbr> 元素 <blockquote> 元素 反向引用块 <dl> 元素 <code> 元素 <kbd> 元素 <pre> 元素 情景文本颜色 情景背景颜色

Examples explained

Bootstrap 表格

基础表格 条纹行 带边框表格 悬停行 紧凑表格 情景类 响应式表格

Examples explained

Bootstrap 图像

圆角图像 圆形图像 缩略图 响应式图像 图片库 响应式嵌入

Examples explained

Bootstrap Jumbotron

容器内的 Jumbotron 容器外的 Jumbotron 创建页面标题

Examples explained

Bootstrap Wells

基础 Well Well 大小

Examples explained

Bootstrap 警告

警告框 关闭警告框 带动画的警告框

Examples explained

Bootstrap 按钮

按钮样式 按钮标签 按钮大小 块级按钮 激活/禁用按钮

Examples explained

Bootstrap 按钮组

按钮组 按钮组大小 垂直按钮组 两端对齐的按钮组 两端对齐的按钮组 2 嵌套按钮组和下拉菜单 分裂式按钮

Examples explained

Bootstrap 字体图标

Glyphicons

Examples explained

Bootstrap 徽章和标签

徽章 按钮内的徽章 标签 情景标签

Examples explained

Bootstrap 进度条

进度条 带标签的进度条 彩色进度条 条纹进度条 动画进度条 堆叠进度条

Examples explained

Bootstrap 分页

分页 激活的分页链接 禁用的分页链接 分页大小 面包屑导航

Examples explained

Bootstrap 分页器

分页器 对齐按钮

Examples explained

Bootstrap 列表组

列表组 带徽章的列表组 带链接的列表组 激活的列表项 禁用的列表项 情景类 自定义内容

Examples explained

Bootstrap 面板

面板 面板标题 面板页脚 面板组 情景面板类

Examples explained

Bootstrap 下拉菜单

下拉菜单 下拉菜单分隔线 下拉菜单标题 禁用的下拉菜单项 右对齐的下拉菜单 上拉菜单 下拉菜单可访问性

Examples explained

Bootstrap 折叠

可折叠按钮 可折叠链接 可折叠“in”（默认显示） 可折叠面板 可折叠列表组 手风琴

Examples explained

Bootstrap 标签页和胶囊式标签页

内联列表 标签页 带下拉菜单的标签页 胶囊式标签页 垂直胶囊式标签页 行内垂直胶囊式标签页 带下拉菜单的胶囊式标签页 居中的标签页和胶囊式标签页 可切换/动态标签页 可切换/动态胶囊式标签页

Examples explained

Bootstrap 导航栏

导航栏 反色导航栏 固定顶部导航栏 固定底部导航栏 带下拉菜单的导航栏 右对齐的导航栏 可折叠导航栏

Examples explained

Bootstrap 表单

垂直表单 内联表单 无标签的内联表单 水平表单

Examples explained

Bootstrap 输入框

输入框 文本域 复选框 内联复选框 单选按钮 内联单选按钮 选择菜单

Examples explained

Bootstrap 输入框 2

静态控件 控件状态 内联表单：控件状态

Examples explained

Bootstrap 输入框大小

输入框大小 输入框大小水平标签 输入框宽度（列） 输入框帮助文本

Examples explained

Bootstrap 媒体对象

左右对齐的媒体对象 顶、中、底对齐的媒体对象 嵌套的媒体对象 嵌套的媒体对象 II

Examples explained

Bootstrap 轮播

轮播 带标题的幻灯片

Examples explained

Bootstrap 模态框

模态框 小型模态框 大型模态框

Examples explained

Bootstrap 工具提示

工具提示 定位工具提示

Examples explained

Bootstrap 弹出框

弹出框 定位弹出框 可关闭的弹出框 悬停触发的弹出框

Examples explained

Bootstrap 滚动监听

水平滚动监听 垂直滚动监听

Examples explained

Bootstrap 附加导航

水平附加导航 垂直附加导航 滚动监听和附加导航（水平） 滚动监听和附加导航（垂直）

Examples explained

Bootstrap 过滤器

过滤表格 过滤列表 过滤下拉菜单 过滤任何内容

Examples explained

Bootstrap 网格：堆叠到水平

堆叠到水平的网格 带流式容器的堆叠到水平网格

Examples explained

Bootstrap 网格：小型设备

小型网格 小型网格

Examples explained

Bootstrap 网格：中型设备

中型网格 中型网格 2

Examples explained

Bootstrap 网格：大型设备

中型网格 中型网格 2

Examples explained

Bootstrap 网格示例

三个等宽列 三个不等宽列 两个不等宽列 两列带两个嵌套列 混合列：移动设备和桌面 混合列：移动设备、平板和桌面 清除浮动 偏移列 Push 和 Pull - 更改列顺序

Examples explained


❮ 上一页 下一页 ❯
PLUS
空格
获取证书
面向教师
面向企业
联系我们
×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业，请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误，或想提出建议，请发送电子邮件给我们
help@w3schools.com

热门教程
HTML 教程
CSS 教程
JavaScript 教程
操作方法教程
SQL 教程
Python 教程
W3.CSS 教程
Bootstrap 教程
PHP 教程
Java 教程
C++ 教程
jQuery 教程
热门参考
HTML 参考
CSS 参考
JavaScript 参考
SQL 参考
Python 参考
W3.CSS 参考
Bootstrap 参考
PHP 参考
HTML 颜色
Java 参考
Angular 参考
jQuery 参考
热门示例
HTML 示例
CSS 示例
JavaScript 示例
操作方法示例
SQL 示例
Python 示例
W3.CSS 示例
Bootstrap 示例
PHP 示例
Java 示例
XML 示例
jQuery 示例
获取证书
 HTML 证书
CSS 证书
JavaScript 证书
前端证书
SQL 证书
Python 证书
PHP 证书
jQuery 证书
Java 证书
C++ 证书
C# 证书
XML 证书
论坛 关于 学院
W3Schools 经过优化，旨在方便学习和培训。示例可能经过简化，以提高阅读和学习体验。
教程、参考资料和示例会不断审查，以避免错误，但我们无法保证所有内容的完全正确性。
使用 W3Schools 即表示您已阅读并接受我们的使用条款、Cookie 和隐私政策。

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持。