Bootstrap和Foundation是我最喜欢的两个前端框架，尤其是在快速开发网站的原型上。它们都提供了随时可用的组件，加快了我的工作流程。除了一些细小差别，在我看来它们大部分的基本特征都是类似。 在这篇文章里，我将介绍它们网格的基本构造。首先，我将会向你展示它们...

2019-04-08 09:52:28 Bootstrap3.0教程Bootstrap3Foundation5

本文主要来学习一下JavaScript插件--工具提示。 完整教程可查看： Bootstrap3.0教程 工具提示 受到Jason Frame开发的jQuery.tipsy插件的启发，Bootstrap才把这个工具提示插件做的更好，而且此插件不依赖图片，只是使用CSS3来实现动画效果，并使用data属性存储标题。 将...

2019-04-08 09:52:20 Bootstrap3.0学习Bootstrap3.0教程Bootstrap模板

本文主要来学习一下JavaScript插件--弹出框。 完整教程可查看： Bootstrap3.0教程 弹出框 案例 为页面内容添加一个小的覆盖层，就像iPad上的效果一样，为页面元素增加额外的信息。 先来看几个简单的静态案例效果图 效果比较简单主要就是静态的弹出的小窗体，分为窗体标...

2019-04-08 09:52:18 Bootstrap3.0教程Bootstrap3.0学习Bootstrap模板

本文主要来学习一下JavaScript插件--警告框。 完整教程可查看： Bootstrap3.0教程 警告框 案例 通过这个插件可以为所有警告框增加关闭功能。 div id="alert1" class="alert alert-warning fade in" button id='alert1' type="button" class="close" data-dismiss="aler...

2019-04-08 09:52:13 Bootstrap3.0学习Bootstrap3.0教程Bootstrap模板

本文主要来学习一下JavaScript插件--按钮。 完整教程可查看： Bootstrap3.0教程 按钮 按钮可以完成很多工作。控制按钮状态或创建按钮组可以产生类似工具条之类的复杂组件。 状态 通过添加data-loading-text="正在加载..."可以使按钮呈现加载状态。 Loading state 不过...

2019-04-08 09:52:09 Bootstrap3.0学习Bootstrap3.0教程Bootstrap模板

本文主要来学习一下JavaScript插件--折叠。 完整教程可查看： Bootstrap3.0教程 过渡效果 关于过渡效果 对于简单的过渡效果，只需将transition.js和其它JS文件一起引入即可。如果你使用的是编译（或压缩）好的bootstrap.js文件，就无需再单独将其引入了。 What's insid...

2019-04-08 09:52:07 Bootstrap3.0学习Bootstrap教程Bootstrap3.0教程

本文是Bootstrap3.0学习教程系列的第十七篇，完整教程可查看： Bootstrap3.0教程 这篇文章中我们主要来学习一下JavaScipt插件模态框。在学习模态框之前，我们先来了解一下JavaScript插件吧。 JavaScript插件概览 插件可以单个引入（使用Bootstrap提供的单个*.js文件）...

2019-04-08 09:51:37 Bootstrap3.0学习Bootstrap教程Bootstrap3.0教程

完整教学可查看： Bootstrap3.0教程 本文主要来学习一下JavaScript插件--下拉菜单。 下拉菜单 通过此插件可以为几乎所有东西添加下拉菜单，包括导航条、标签页、胶囊式按钮，本文主要来介绍下导航条里面的下拉菜单吧，其实道理都是一样的。 用于导航条 先来看一下之前...

2019-04-08 09:51:31 Bootstrap3.0学习Bootstrap3.0教程Bootstrap3.0

完整教程可查看： Bootstrap3.0教程 本文主要来学习一下JavaScript插件--滚动监听。 滚动监听 案例 滚动监听插件可以根据滚动条的位置自动更新所对应的导航标记。你可以试试滚动这个页面，看看左侧导航的变化。 先把实现的代码上了，你可以通过测试代码先来看看效果。...

2019-04-08 09:51:27 滚动监听Bootstrap3.0学习Bootstrap3.0教程

查看完整教程： Bootstrap 3.0学习 本文主要来讲解以下内容 1.进度条 2.媒体对象 3.列表组 4.面板 5.总结 进度条 提供工作或动作的实时反馈，只用简单且灵活的进度条。 跨浏览器兼容性 进度条使用了CSS3的transition和animation属性来完成一些效果。这些特性在Internet...

2019-04-08 09:51:22 Bootstrap3.0学习Bootstrap3.0教程Bootstrap3.0