Skip to content

Instantly share code, notes, and snippets.

@zhaozg
Last active November 7, 2018 07:31
Show Gist options
  • Save zhaozg/07a700c837cb5dd60ae6bee56c57e28c to your computer and use it in GitHub Desktop.
Save zhaozg/07a700c837cb5dd60ae6bee56c57e28c to your computer and use it in GitHub Desktop.
Bootstrap3 Web Design Essence

说明

简介

Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。 Bootstrap3 能够支持从 IE8 开始的说有主流浏览器,用以开发响应式布局,移动设备优先支持的 Web 项目。 Bootstrap3 使用栅格系统布局 Web 前端,提供基本的常用的组件,统一页面风格。严格按照 Bootstrap 框架开发的 Web 项目,能够快速成熟,灵活定制,方便团队共享和复用前端代码,极大地降低开发和维护成本。 Bootstrap3 和其它支持 Bootstrap 的组件和扩展集成后,能够实现复杂,灵活,高效的 Web 应用系统。

精华扩展

BootstrapValidator 保单验证器

Bootstrap3 提供了表单验证功能,单是通过 Bootstrap3 实现表单验证需要编写较多的代码, 且不够灵活。bootstrapvalidator 是 Bootstrap3 表单的一个验证器。基于该验证器,可以通过简单的代码实现复杂的验证过程,大大降低了验证过程的开发工作量,且所有表单验证采用相同的方法和实现过程。该验证器是的后续版本 formvalidation 试图解决所有的表单验证问题,导致过于复杂。因此在 Bootstrap3 框架的 Web 项目中,仍然推荐使用使用 bootstrapvalidator 这个版本。

BootstrapDialog 对话框

当 Web 应用需要灵活的交互流程时,就需要使用输入对话框、提示框、确认框等手段与用户进行交互。Bootstrap3 和 JqueryUI 中均提供了模态对话框的支持。 但 BootstrapDialog 为 Bootstrap3 提供了最好的对话框支持。原因如下:

  1. 提供了多种对话框类型支持
  2. 将对话框操作封装为简单但灵活的接口
  3. 具有极强的定制能力
  4. 统一的界面风格,相同或相似的代码逻辑
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment