跳到主体内容

首页
中文手册
组件
指令
参考
体验
Boostrap
zico图标系统
Zoomla!逐浪CMS

v2.12.0
Latest (4.3.x) v3.3.7 Sass语言 Emmet语法 IIS站长工具广告源码免费模板 H5移动创作 Flexbox布局 Font Awesome
译者说

下载 Bootstrap

Hover New
Popover
Scrollspy
Tooltip
Visible New

参考目录
友好访问
Color颜色变量
组件图像img的src路径解析
Router路由支持
大小规格
间距处理
开始模板
主题色彩
通用Class类
Form表单验证

在线模拟器

首页
中文手册
组件

组件目录

BootstrapVue组件和插件。

警告提示框(Alert) — 通过少量可用和灵活的警告消息，为用户输出上下文反馈提示。 徽章(Badge) — 在空间的内部提示控件，自适应贴齐内容。 面包屑导航(Breadcrumb) — 提示当前页面的浏览位置，通过CSS 的 ::before 伪类和 按钮(Button) — 自定义按钮样式，广泛用于表单、对话框等场景中的操作，支持多种大小、状态等变量胡定义。 按钮组(Button Group) — 把一系列按钮编组在一行里，通过可选的JavaScript插件(方法)赋予按钮单选、复选等强化行为。 按钮Toolbar(Button Toolbar) — 通过可选的键盘导航，在一行上将一系列按钮组或输入组组合在一起。 日历组件(Calendar) — NEW b-calendar组件生成符合WAI-ARIA的日历样式日期选择小部件，可用于控制其他组件，或用于创建自定义的日期输入选择器。 v2.5.0 卡片(Card) — 一种灵活且可扩展的内容容器，它包括页眉和页脚选项，各种内容，上下文背景颜色以及强大的显示选项。 轮播效果(Carousel) — 幻灯片演示效果，用于循环显示使用CSS 3D特效，适用于一系列图像/文本/自定义标记，还包括对上一个或下一个控件和指示器的支持。 折叠面板(Collapse) — 允许在网页中用少量JavaScript以及CSS类切换内容，控制内容的可见性。使用少量的类（来自必需的过渡插件），以方便切换行为。 下拉菜单(Dropdown) — 用于显示切换要展示的链接列表和更多的内容。 响应式嵌入(Embed) — 通过创建可在任何设备上缩放的内在比率，根据父对象的宽度创建自适应视频或幻灯片嵌入。 表单(Form) — BootstrapVue表单组件和辅助组件，可选支持内联表单样式和验证状态。将它们与其他BootstrapVue组件配对，实现支持响应式的统一UI外面。 表单复选框(Form Checkbox) — 实现跨浏览器一致性，b-form-checkbox-group和b-form-checkbox使用Bootstrap自定义复选框输入来替换浏览器默认复选框输入。 表格日期选择器(Form Datepicker) — NEW b-form-datepicker是BootstrapVue自定义日期选择器输入表单控件。 v2.5.0 表格文件(Form File) — 一种定制的，跨浏览器一致的文件输入控件，支持单个文件，多个文件和目录上载（对于支持目录模式的浏览器）。 表单组合(Form Group) — 该b-form-group组件是一些结构添加到形式最简单的方法。目的是将表单控件与图例或标签配对，提供帮助文本和无效/有效的反馈文本，以及可视（彩色）上下文状态反馈。 表单输入框(Form Input) — 创建各种类型的输入，例如：text，password，number，url，email，search，range，date等等。 表单无线电输入(Form Radio) — 实现跨浏览器的一致性，b-form-radio-group和b-form-radio使用Bootstrap的自定义无线电输入来替换浏览器的默认无线电输入。它建立在语义和可访问标记之上。 下拉式表单(Form Select) — select使用自定义样式自定义引导。根据数组，对象数组或对象指定选项。 按钮式表单(Form Spinbutton) — NEW 旋转按钮允许在最小和最大数值范围内递增或递减数值，并带有可选的步进值。 v2.5.0 Tags表单选择器(Form Tags) — 轻量级的定制标记输入表单控件，具有用于定制界面渲染，重复标记检测和可选标记验证的选项。 v2.2.0 表单文本区域(Form Textarea) — 创建多行文本输入，支持自动调整高度，最小和最大行数以及上下文状态。 图片(Image) — 使图像通过b-img组件进入响应行为的文档和示例（不会变得比其父元素大），可选择为它们添加轻量级样式（全部通过props）。 输入组(Input Group) — 通过在文本输入的两侧添加文本，按钮或按钮组，扩展表单控件。 Hero广告大块屏幕(Jumbotron) — 通过引用.jumbotron方法，实现构建超大的Hreo界面，在网站上展示关键的营销信息。 布局和网格系统(Layout and Grid System) — 使用强大的以移动为中心的flexbox网格(通过b-container、b-row、b-form-row和b-col组件)构建各种形状和大小的布局。 链接(Link) — 自定义b-link组件生成标准a链接或router-link。b-link支持disabled状态和click事件传播。 清单群组(List group) — 列表组是用于显示一系列内容的组件。可以修改列表组项以支持其中的几乎所有内容，也可以通过各种道具用作导航。 媒体(Media) — 媒体对象有助于构建复杂且重复的组件，便于复杂的内容组合。基于flexbox，仅用两个必需的类就可以做到这一点。 模态(Modal) — 支持从用户通知到完全自定义内容的许多用例，并具有少量有用的子组件，大小，变体，可访问性等。 导航(Nav) — 引导程序中的导航共享一般的标记和样式，从基本的b-nav类到activeand disabled状态的常规标记和样式。交换修改道具，在每个风格之间切换。 导航栏(Navbar) — 该组件b-navbar是一个包装器，用于将品牌，导航和其他元素放置在简洁的标题中。它易于扩展，而且由于有了该b-collapse组件，它可以轻松集成响应行为。 分页(Pagination) — 快速的第一，上一个，下一个，最后一个和页面按钮，用于分页控制另一个组件（例如b-table或列表）。 分页导航(Pagination Nav) — 快速的第一，上一个，下一个，最后一个和页面按钮，用于基于导航的分页，支持常规链接或路由器链接。 弹窗(Popover) — Popover功能提供类似工具提示的行为，可以通过b-popover组件或v-b-popover指令轻松地应用于任何交互式元素。 进展(Progress) — 使用我们的自定义进度组件来显示简单或复杂的进度条，并支持水平堆叠的条，动画背景和文本标签。 微调器(Spinner) — b-spinner组件可用于显示项目中的加载状态。仅使用基本的HTML和CSS作为轻量级的Vue功能组件来呈现它们。可以使用一些内置的props和/或Bootstrap v4实用程序类轻松地自定义它们的外观，对齐方式和大小。 表(Table) — 为了显示表格数据，b-table支持分页，过滤，排序，自定义呈现，各种样式选项，事件和异步数据。为了简单地显示表格数据而没有所有功能，BootstrapVue提供了两个轻巧的替代组件b-table-lite和b-table-simple。 表(Tabs) — 创建本地内容的可选项窗格的小部件。选项卡组件内部建立在导航和卡片上，并提供选项卡的完整键盘导航控制。 弹出提示框(Toasts) — 使用b-toast和b-toaster轻量级组件向您的访客推送通知，这些组件易于自定义以生成警告消息。 提示冒泡(Tooltip) — 通过b-tooltip组件或v-b-tooltip指令（首选方法）轻松将工具提示添加到元素或组件。