#TRAP

Bootstrap Modal 框 alert confirm loading

/***CreatedbyAdministratoron2016/5/4.*//***模态窗口*/window.Modal={tpls:{alert:'<divclass="modalfade"tabindex="-1"role="dialog"><divclass="modal-dialogmoda...

Bootstrap进度条

  在网页中,进度条的效果并不少见,比如一个评分系统,比如加载状态等,通过简单、灵活的进度条,可以为当前工作流程或动作提供实时反馈。本文将详细介绍Bootstrap进度条 基本样式  Bootstrap框架中对于进度条提供了一个基本样式,一个100%宽度的背景色,然后一个高亮的颜色表示完成进度。其实制作这样的...
代码星球 ·2020-05-24

Bootstrap警告框

  在网站中,网页总是需要和用户一起做沟通与交流。特别是当用户操作上下文为用户提供一些有效的警示框,比如说告诉用户操作成功、操作错误、提示或者警告等。在Bootstrap框架有一个独立的组件,实现类似的效果,这个组件被称为警示框。本文将详细介绍Bootstrap警告框 默认用法  警告框组件通过提供一些灵活的...
代码星球 ·2020-05-24

Bootstrap缩略图

  缩略图在网站中最常用的地方就是产品列表页面,一行显示几张图片,有的在图片底部(左侧或右侧)带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件,本文将详细介绍Bootstrap缩略图 概述  Boostrap缩略图的默认设计仅需最少的标签就能展示带链接的图片,通过“thumb...
代码星球 ·2020-05-24

Bootstrap提示信息(标签、徽章、巨幕和页头)

  在Bootstrap中,有一些组件用于提示信息,如 标签、徽章、巨幕和页头。本文将详细介绍Bootstrap提示信息 标签  在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息,比如说在导航上添加了一个新导航项,可能就会加一个“new”标签,来告诉用户  在B...

Bootstrap分页

  分页导航几乎在每个网站都可见,好的分页能给用户带来好的用户体验。本文将详细介绍Bootstrap分页 概述  在Bootstrap框架中提供了两种分页导航:    ☑  带页码的分页导航    ☑  带翻页的分页导航 ...
代码星球 ·2020-05-24

Bootstrap导航条

  导航条(navbar)和导航(nav),就相差一个字,多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色、而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式。本文将详细介绍Bootstrap导航条&n...
代码星球 ·2020-05-24

Bootstrap导航

  导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一,便于用户查找网站所提供的各项功能服务。本文将详细介绍Bootstrap导航 基础样式  Bootstrap框架中制作导航条主要通过“.nav”样式。默认的“.nav”样式不提供默认的导...
代码星球 ·2020-05-24

Bootstrap输入框组

  有时,我们需要将文本输入框(inputgroup)和文件或者小icon组合在一起进行显示,我们称之为addon。也就是通过在文本输入框 <input> 前面、后面或是两边加上文字或按钮,来实现对表单控件的扩展。本文将详细介绍Bootstrap输入框组 基本用法  在输入框的...
代码星球 ·2020-05-24

Bootstrap按钮式下拉菜单

  按钮式下拉菜单仅从外观上看,和下拉菜单效果基本上是一样的。不同的是普通的下拉菜单是block元素,而按钮式下拉菜单是inline-block元素。本文将详细介绍Bootstrap按钮式下拉菜单 概述  按钮式下拉菜单其实就是普通的下拉菜单,唯一不同的是外部容器“div.dropdown&rdq...
代码星球 ·2020-05-24

Bootstrap按钮组

  单个按钮在Web页面中的运用有时候并不能满足我们的业务需求,常常会看到将多个按钮组合在一起使用,比如富文本编辑器里的一组小图标按钮等。本文将详细介绍Bootstrap按钮组 使用方法  按钮组和下拉菜单组件一样,需要依赖于button.js插件才能正常运行。不过我们同样可以直接只调用bootstrap.j...
代码星球 ·2020-05-24

Bootstrap下拉菜单

  网页交互的时候经常会需要上下文菜单或者隐藏/显示菜单项,Bootstrap默认提供了用于显示链接列表的可切换、有上下文的菜单。而且在各种交互状态下的菜单展示需要和javascript插件配合才能使用。本文将详细介绍Bootstrap下拉菜单 使用方法  在使用Bootstrap框架的下拉菜单时,必须调用B...
代码星球 ·2020-05-24

Bootstrap辅助类

  Bootstrap提供了一组工具类,用于辅助项目的开发。本文将详细介绍Bootstrap辅助类 文本色  通过颜色来展示意图,Bootstrap提供了一组工具类。这些类可以应用于链接,并且在鼠标经过时颜色可以还可以加深,就像默认的链接一样.text-muted:提示,使用浅灰色(#777).text-pr...
代码星球 ·2020-05-24

Bootstrap栅格系统

  Bootstrap提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。栅格系统没有官方的定义,但根据网上的各种描述,可以这样定义,以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。本文将详细介绍Bootstrap栅格系统 实现原理 ...
代码星球 ·2020-05-24

Bootstrap学习目录

  Bootstrap与CSS的关系,类似于javascript与jQuery的关系,原理与应用的关系。只是jQuery不再火爆,而Bootstrap依然火热,它在github有着超过100万的关注数。一般地,一个简单的前端项目可以由Bootstrap和jQuery搭建而成。Bootstrap的出现,让我们对栅格布局、...
代码星球 ·2020-05-24
首页上一页...1415161718...下一页尾页