Bootstrap自动定位浮标

前面的话  Affix 插件主要功能就是通过插件给某个元素(需要固定的元素)添加或删除position:fixed,实现元素在浏览器窗口的粘性固定效果。本文将详细介绍Bootstrap自动定位浮标 基本用法  首先,来看一个苹果官网对自动定位浮标的应用  从上面的git图中可知,Macbo
19次阅读

Bootstrap图片轮播

前面的话  图片轮播效果在Web中常常能看到,很多人也称之为幻灯片。其主要显示的效果就是多幅图片轮流播放。鼠标悬停在图片时会暂停播放,如果鼠标悬停或单击右下角圆点时,会显示对应的图片。这种图片轮播效果,在Bootstrap框架中是通过Carousel插件来实现的。本文将详细介绍Bootstrap图片
36次阅读

Bootstrap手风琴效果

前面的话  Bootstrap 框架中 Collapse插件(折叠)其实就是我们常见的手风琴效果。当单击一个触发元素时,在另外一个可折叠区域进行显示或隐藏,再次单击时可以反转显示状态。经典的场景是多个折叠区域的手风琴风格以及单一title/content的风格,本文将详细介绍Bootstrap手风琴
79次阅读

Bootstrap按钮插件

前面的话  按钮插件提供了一组可以控制按钮多种状态的功能,比如按钮的禁用状态、正在加载状态、正常状态等。本文将详细介绍Bootstrap按钮插件 加载状态  通过按钮可以设计状态提示,当单击按钮时,会显示loading状态信息。例如,点击“加载”按钮,会触发按钮的加
458次阅读

Bootstrap弹出框

前面的话  表面上看,弹出框其实就是一种特殊的提示框,只是多了一个标题而已。但实际上,还是有不同之处的。本文将详细介绍Bootstrap弹出框 基本用法  在制作提示框(tooltip)时,可以使用<button>或者<a>标签元素,而且通过 data- 属性来声明
17次阅读

Bootstrap提示框

前面的话  提示框是一个比较常见的功能,一般来说是鼠标移动到特定元素上时,显示相关的提示语。本文将详细介绍Bootstrap提示框 基本用法  Bootstrap框架中的提示框,结构非常简单,常常使用的是按钮<button>标签或者链接<a>标签来制作。不管是使用按
72次阅读

Bootstrap选项卡

前面的话  选项卡Tabs是Web中一种非常常用的功能。用户点击对菜单项,能切换出对应的内容。本文将详细介绍Bootstrap选项卡基本用法  Bootstrap框架中的选项卡主要有两部分内容组成:  1、选项卡菜单组件,对应的是 Bootstrap的 nav-tabs  2、可以切换的选
17次阅读

Bootstrap滚动监控器

前面的话  滚动监听插件是用来根据滚动条所处的位置来自动更新导航项的。滚动导航条下面的区域并关注导航项的变化,下拉菜单中的条目也会自动高亮显示。本文将详细介绍Bootstrap滚动监控器 基本用法  滚动监听插件是根据滚动的位置自动更新导航条中相应的导航项的,该插件可自动检测到达哪个位置了
80次阅读

Bootstrap模态弹出框

前面的话  在 Bootstrap 框架中把模态弹出框统一称为 Modal。这种弹出框效果在大多数 Web 网站的交互中都可见。比如点击一个按钮弹出一个框,弹出的框可能是一段文件描述,也可能带有按钮操作,也有可能弹出的是一张图片。本文将详细介绍Bootstrap模态弹出框 结构分析  Bo
328次阅读

Bootstrap插件概述

前面的话  Bootstrap除了包含丰富的Web组件之外,如下拉菜单、按钮组、导航、分页等,还包括一些JavaScript的插件。插件为 Bootstrap 的组件赋予了“生命”。Bootstrap的JavaScript插件可以单独导入到页面中,也可以一次性导入到页面中。因
66次阅读