BootStrap教程-OStack程序员社区-中国程序员成长平台

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› BootStrap›BootStrap教程

BootStrap教程

RSS

Bootstrap UI 编辑器

Bootstrap UI 编辑器以下是 15 款最好的 Bootstrap 编辑器或者是在线编辑工具。1.Bootstrap Magic这是一个 Bootstrap 主题生成器，使用最新的 Bootstrap 3 版本和 Angular JS 版本，提供一个鲜活的用户修改预览_来自 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:56 | 阅读：679 | 回复：0
Bootstrap v2 教程

Bootstrap v2 教程 Bootstrap，来自 Twitter，是基于 HTML、CSS、JAVASCRIPT 的简介灵活的流行前段框架及交互组件集。该部分介绍了 Bootstrapv2教程，更加详细的信息，请点击“内容列表”中相应的链接进行查看！现 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:56 | 阅读：691 | 回复：0
Bootstrap HTML编码规范

Bootstrap HTML编码规范语法用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次（即两个空格）。对于属性的定义，确保全部使用双引号，绝不要使用单引号。不要 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:56 | 阅读：697 | 回复：0
Bootstrap CSS编码规范

Bootstrap CSS编码规范本节的介绍内容为 Bootstrap 中的 CSS 编码规范。语法用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。为选择器分组时，将单独的选择器单独放在一行。为了代 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:56 | 阅读：690 | 回复：0
Bootstrap 安装

在本教程中，我们将学习如何使用Twitter Bootstrap v3.0编译版本创建一个基本的Bootstrap模板。下载引导程序文件 Bootstrap有两个版本可供下载，编译的Bootstrap和Bootstrap源文件。编译下载包含CSS ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:56 | 阅读：694 | 回复：0
Bootstrap4 首个Beta版发布：距上次发布已7月之久！

北京时间2017年8月12日，Bootstrap 4 的首个 Beta 版终于发布了。此次Beta版本距离上次发布 4.0 的最后一个 alpha 版已经过去了 7 个月。该版本取消将Normalize.css 作为依赖关系，而是 fork 其中的一部分并和 Boots ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:56 | 阅读：691 | 回复：0
Bootstrap v4.0.0-beta.2 发布，Web 前端 UI 框架

Bootstrap v4.0.0-beta.2 发布了，Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。_来自Bo ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:56 | 阅读：694 | 回复：0
Bootstrap 弹出框（Popover）插件

Bootstrap 弹出框（Popover）插件本节介绍了 Bootstrap弹出框（Popover）插件。弹出框（Popover）与工具提示（Tooltip）类似，提供了一个扩展的视图。如需激活弹出框，用户只需把鼠标悬停在元素上即可。弹出框的内 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:55 | 阅读：683 | 回复：0
Bootstrap 警告框

Bootstrap 警告框（Alert）插件Bootstrap警告框是一个独立的组件，当用户操作上下文时为用户提供一些有效的信息警示框。警告框（Alert）消息大多是用来向终端用户显示诸如警告或确认消息的信息。使用警告框（Alert） ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:55 | 阅读：648 | 回复：0
Bootstrap 按钮（Button）插件

Bootstrap 按钮（Button）插件按钮（Button）在 Bootstrap 按钮一章中介绍过。通过按钮（Button）插件，您可以添加进一些交互，比如控制按钮状态，或者为其他组件（如工具栏）创建按钮组。如果您想要单独引用该插件 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:55 | 阅读：681 | 回复：0
Bootstrap 折叠（Collapse）插件

Bootstrap 折叠（Collapse）插件折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。如果您想要单独引用该插件的功能，那么您需要引用 collapse.js ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:55 | 阅读：668 | 回复：0
Bootstrap 轮播（Carousel）插件

Bootstrap 轮播（Carousel）插件Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:55 | 阅读：692 | 回复：0
Bootstrap 附加导航（Affix）插件

Bootstrap 附加导航（Affix）插件附加导航（Affix）插件允许某个 div 固定在页面的某个位置。您也可以在打开或关闭使用该插件之间进行切换。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:55 | 阅读：692 | 回复：0
Bootstrap 插件概览

Bootstrap 插件概览在前面布局组件章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 B ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:54 | 阅读：628 | 回复：0
Bootstrap 过渡效果（Transition）插件

Bootstrap 过渡效果（Transition）插件Bootstrap 的 Transition 插件可以实现过渡效果，Transition 动画比较平滑，使用起来比较方便和灵活，并且对资源的消耗比较少。过渡效果（Transition）插件提供了简单的过渡效 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:54 | 阅读：700 | 回复：0
Bootstrap 模态框（Modal）插件

Bootstrap 模态框（Modal）插件模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。如果您想要单独引用该插件的 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:54 | 阅读：661 | 回复：0
Bootstrap 下拉菜单（Dropdown）插件

Bootstrap 下拉菜单（Dropdown）插件 Bootstrap 下拉菜单这一章讲解了下拉菜单，但是没有涉及到交互部分，本章将具体讲解下拉菜单的交互。使用下拉菜单（Dropdown）插件，您可以向任何组件（比如导航栏、标签页、胶 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:54 | 阅读：681 | 回复：0
Bootstrap 滚动监听（Scrollspy）插件

Bootstrap 滚动监听（Scrollspy）插件滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动，基于滚动条的位置向导航栏添加 .active class。如 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:54 | 阅读：669 | 回复：0
Bootstrap 标签页（Tab）插件

Bootstrap 标签页（Tab）插件标签页（Tab）在 Bootstrap 导航元素一章中介绍过。通过结合一些 data 属性，您可以轻松地创建一个标签页界面。通过这个插件您可以把内容放置在标签页或者是胶囊式标签页甚至是下拉菜单 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:54 | 阅读：648 | 回复：0
Bootstrap 提示工具（Tooltip）插件

Bootstrap 提示工具（Tooltip）插件Bootstrap提示工具（Tooltip）插件工具可以通过鼠标移动到选定的特定的元素上时，显示出相关的提示语。当您想要描述一个链接的时候，提示工具（Tooltip）就显得非常有用。提示工具 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:54 | 阅读：658 | 回复：0
Bootstrap 页面标题

Bootstrap 页面标题（Page Header）页面标题（Page Header）是个不错的功能，它会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时，页面标题这个功能就显得特别有用。如 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:53 | 阅读：690 | 回复：0
Bootstrap 缩略图

Bootstrap 缩略图本章将讲解 Bootstrap 缩略图。大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下：在图像周围添 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:53 | 阅读：679 | 回复：0
Bootstrap 警告

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

作者：菜鸟教程小白 | 时间：2022-1-31 19:53 | 阅读：714 | 回复：0
Bootstrap 进度条

Bootstrap 进度条本章将讲解 Bootstrap 进度条。在本教程中，您将看到如何使用 Bootstrap 创建加载、重定向或动作状态的进度条。 Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果。Internet Explo ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:53 | 阅读：678 | 回复：0
Bootstrap 多媒体对象

Bootstrap 多媒体对象（Media Object）本章我们将讲解 Bootstrap 中的多媒体对象（Media Object）。这些抽象的对象样式用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:53 | 阅读：712 | 回复：0
Bootstrap 列表组

Bootstrap 列表组本章我们将讲解列表组。列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下：向元素 ul 添加 class .list-group。向 li 添加 class .list-group-ite_来自Bo ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:53 | 阅读：684 | 回复：0
Bootstrap 面板

Bootstrap 面板（Panels）本章将讲解 Bootstrap 面板（Panels）。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板，只需要向 div 元素添加 class .panel 和 class .panel-default 即可，如下面的实例 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:53 | 阅读：670 | 回复：0
Bootstrap Well

Bootstrap WellWell 是一种会引起内容凹陷显示或插图效果的容器 div。为了创建 Well，只需要简单地把内容放在带有 class .well 的 div 中即可。下面的实例演示了一个默认的 Well：!DOCTYPEhtml&g_来自Bootstrap 教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:53 | 阅读：659 | 回复：0
Bootstrap 输入框组

Bootstrap 输入框组本章将讲解 Bootstrap 支持的另一个特性，输入框组。输入框组扩展自表单控件。使用输入框组，您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。通过向输入域添加前缀和 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:52 | 阅读：680 | 回复：0
Bootstrap 导航元素

Bootstrap 导航元素本章我们将讲解 Bootstrap 提供的用于定义导航元素的一些选项。它们使用相同的标记和基类 .nav。Bootstrap 也提供了一个用于共享标记和状态的帮助器类。改变修饰的 class，可以在不同的样式间进行 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:52 | 阅读：710 | 回复：0
Bootstrap 导航栏

Bootstrap 导航栏导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:52 | 阅读：735 | 回复：0
Bootstrap 面包屑导航

Bootstrap 面包屑导航（Breadcrumbs）面包屑导航（Breadcrumbs）是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。Bootstrap 中的 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:52 | 阅读：663 | 回复：0
Bootstrap 分页

Bootstrap 分页本章将讲解 Bootstrap 支持的分页特性。分页（Pagination），是一种无序列表，Bootstrap 像处理其他界面元素一样处理分页。分页（Pagination）下表列出了 Bootstrap 提供的处理分页的 class。_ ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:52 | 阅读：701 | 回复：0
Bootstrap 标签

Bootstrap 标签本章将讲解 Bootstrap 标签。标签可用于计数、提示或页面上其他的标记显示。使用 class .label 来显示标签，如下面的实例所示： !DOCTYPE htmlhtmlhead title&gt_来自Bootstrap 教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:52 | 阅读：702 | 回复：0
Bootstrap 徽章

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

作者：菜鸟教程小白 | 时间：2022-1-31 19:52 | 阅读：655 | 回复：0
Bootstrap 超大屏幕

Bootstrap 超大屏幕（Jumbotron）本章将讲解 Bootstrap 支持的另一个特性，超大屏幕（Jumbotron）。顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。使用超大屏幕（Jumbotron）的 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:52 | 阅读：689 | 回复：0
Bootstrap 表单

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

作者：菜鸟教程小白 | 时间：2022-1-31 19:51 | 阅读：640 | 回复：0
Bootstrap 按钮

Bootstrap 按钮本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式，具体如下表所示：以下样式可用于a, butto ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:51 | 阅读：420 | 回复：0
Bootstrap 图片

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

作者：菜鸟教程小白 | 时间：2022-1-31 19:51 | 阅读：443 | 回复：0
Bootstrap 辅助类

Bootstrap 辅助类本章将讨论 Bootstrap 中的一些可能会派上用场的辅助类。文本以下不同的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗：类描述 ...……

作者：菜鸟教程小白 | 时间：2022-1-31 19:51 | 阅读：424 | 回复：0

12 / 2 页下一页

客服电话

电子邮件

BootStrap教程

关于我们

产品与服务

解决方案

139-2527-9053