BS 实例

创建于 2024-12-03 / 27
字体: [默认] [大] [更大]

Bootstrap 入门

容器 Fluid 容器

实例解析


Bootstrap 网格基础

三个相等的列 两个不相等的列

实例解析


Bootstrap 排版

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

实例解析


Bootstrap 表格

基本表格 条纹行 带边框的表格 悬停行 精简表格 上下文类 响应式表格

实例解析



Bootstrap 图片

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

实例解析


Bootstrap Jumbotron

Jumbotron 内部容器 Jumbotron 外部容器 创建页眉

实例解析


Bootstrap Wells

Basic well Well size

实例解析


Bootstrap 提醒

警报提醒 关闭提醒 动画提醒

实例解析


Bootstrap 按钮

按钮样式 按钮标签 按钮尺寸 块级按钮 活动/禁用按钮

实例解析


Bootstrap 按钮组

按钮组 按钮组大小 垂直按钮组 对齐按钮组 对齐按钮组 2 嵌套按钮组和下拉菜单 拆分按钮

实例解析


Bootstrap 字形图标

字形图标

实例解析


Bootstrap 徽章和标签

徽章 按钮内的徽章 标签 上下文标签

实例解析


Bootstrap 进度条

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

实例解析


Bootstrap 分页

分页 活动分页链接 禁用分页链接 分页大小 面包屑

实例解析


Bootstrap 翻页

翻页 对齐按钮

实例解析


Bootstrap 列出组

列表组 带徽章的列表组 用链接列出组 活动列表项 禁用列表项 上下文类 自定义内容

实例解析


Bootstrap 面板

面板 面板标题 面板页脚 面板组 上下文面板类

实例解析


Bootstrap 下拉菜单

下拉 下拉分隔符 下拉标题 禁用下拉项 右对齐下拉菜单 下拉 下拉辅助功能

实例解析


Bootstrap 可折叠

可折叠按钮 可折叠链接 可折叠"in"(显示方式 默认) 可折叠面板 可折叠列表组 手风琴

实例解析


Bootstrap 标签和胶囊

内嵌列表 标签 带有下拉菜单的标签 胶囊 垂直胶囊 连续垂直胶囊 带下拉菜单的胶囊 居中标签和胶囊 可切换/动态标签 可切换/动态胶囊

实例解析


Bootstrap 导航栏

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

实例解析


Bootstrap 表单

垂直形式表单 内联表单 内联表单没有标签 水平形式表单

实例解析


Bootstrap 输入框

输入框 Textarea 复选框 内嵌复选框 单选按钮 内嵌单选按钮 选择菜单

实例解析


Bootstrap 输入框 2

静态控制 控制状态 内联表单:控件状态

实例解析


Bootstrap 输入大小

输入尺寸 输入尺寸水平标签 输入宽度(列) 输入帮助文本

实例解析


Bootstrap 媒体对象

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

实例解析


Bootstrap 轮播

轮播 字幕幻灯片

实例解析


Bootstrap 模态

模态 小模态 大模态

实例解析


Bootstrap 工具提示

工具提示 定位工具提示

实例解析


Bootstrap 弹出框

弹出窗口 定位弹出框 可关闭的弹出框 悬停弹出框

实例解析


Bootstrap 滚动监听

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

实例解析


Bootstrap 附加导航

Horizontal affix Vertical affix Scrollspy and affix (horizontal) Scrollspy and affix (vertical)

实例解析


Bootstrap 过滤器

过滤表 过滤器列表 过滤器下拉菜单 过滤任何东西

实例解析


Bootstrap 网格:堆叠到水平

堆叠到水平网格 堆叠到水平网格 fluid 容器

实例解析


Bootstrap 网格:小型设备

小网格 小网格 2

实例解析


Bootstrap 网格:中型设备

中网格 中网格 2

实例解析


Bootstrap 网格:大型设备

大网格 大网格 2

实例解析


Bootstrap 网格示例

三个相等的列 三个不相等的列 两个不相等的列 两列嵌套两列 混合列:移动和桌面 混合列:移动设备、平板电脑和桌面 清除浮动 偏移列 推拉 - 更改列顺序

实例解析




0 人点赞过