Bootstrap教程

2020-10-07vue学习阅读(476)评论(0)

Bootstrap 表单 在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。 表单布局 Bootstrap 提供了下列类型的表单布局： 垂直表单...

2020-10-07vue学习阅读(430)评论(0)

Bootstrap 多媒体对象（Media Object） 本章我们将讲解 Bootstrap 中的多媒体对象（Media Object），如：图像、视频、音频等。 多媒体对象的样式可用于创建各种类型的组件（比如：博客评论），我们可以在组件...

2020-10-07vue学习阅读(419)评论(0)

Bootstrap 面板（Panels） 本章将讲解 Bootstrap 面板（Panels）。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板，只需要向 <div> 元素添加 class .panel 和 cl...

2020-10-07vue学习阅读(397)评论(0)

Bootstrap 下拉菜单（Dropdowns） 本章将重点介绍 Bootstrap 下拉菜单。下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。这可以通过与 下拉菜单（Dropdown） JavaScript 插件 的互动来实现。 ...

2020-10-07vue学习阅读(397)评论(0)

Bootstrap 字体图标(Glyphicons) 本章将讲解字体图标(Glyphicons)，并通过一些实例了解它的使用。Bootstrap 捆绑了 200 多种字体格式的字形。首先让我们先来理解一下什么是字体图标。 什么是字体图标？ ...

2020-10-07vue学习阅读(396)评论(0)

Bootstrap 警告（Alerts） 本章将讲解警告（Alerts）以及 Bootstrap 所提供的用于警告的 class。警告（Alerts）向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。 您可以为警...

2020-10-07vue学习阅读(394)评论(0)

Bootstrap 徽章（Badges） 本章将讲解 Bootstrap 徽章（Badges）。徽章与标签相似，主要的区别在于徽章的边角更加圆滑。 徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要把 <span...

2020-10-07vue学习阅读(365)评论(0)

Bootstrap 图片 在本章中，我们将学习 Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class： .img-rounded：添加 border-radius:6px 来获得图片圆角。 .i...

2020-10-07vue学习阅读(361)评论(0)

Bootstrap 按钮组 按钮组允许多个按钮被堆叠在同一行上。当你想要把按钮对齐在一起时，这就显得非常有用。您可以通过 Bootstrap 按钮（Button） 插件 添加可选的 JavaScript 单选框和复选框样式行为。 下面的表格...