首页 > 其他 > 详细

分享六个基于Bootstrap的实用开发教程和模板演示

时间:2014-03-28 11:07:07      阅读:457      评论:0      收藏:0      [点我收藏+]

bubuko.com,布布扣

关于Bootstrap,相信大家一定不陌生,它已经成为现在主流产业的一个重要工具,Bootstrap提供了优雅的HTMLCSS规范,它基于jQuery框架开发的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。今天,我们带来6款Bootstrap实现的几款小应用,希望可以对你们有所帮助!

移动为先的Bootstrap3

bubuko.com,布布扣

在线演示

Bootstrap3已经发布好几周了, 现在该是我们看看Bootstrap有什么新鲜内容的时候了。首先,最重要的一个改变就是支持响应式网站设计,原来的响应式模块已经去掉了。 现在从内核,Bootstrap3就支持响应式设计,不仅仅如此,更深入的在于,整合了Mobile First的设计思想,即移动为先,这个概念最初由Luke wrobleski在他的博客提出。在这篇文章中,我们将分享一些BT3的新内容,希望大家喜欢!

使用Bootstrap3和Ladda UI实现的多种按钮“加载中”效果体验

bubuko.com,布布扣

在线演示1     在线演示2     在线演示3

大家在开发基于web的网站或者web应用中,常常在AJAX调用的过程中需要提示用户并且展示相关的“加载中”效果,类似的UI设计也非常多,比如,当点击一个按钮后,在它的旁边显示一个 “加载中” 文字,或者是添加一个“旋转GIF”动画效果图。

基于bootstrap的纯CSS多级菜单 - BootM

bubuko.com,布布扣

在线演示

BootM是基于bootstrap开发的一款多级菜单实现。其主要特性包括:无JS,基于bootstrap,响应式设计,无层次限制,基于文本的图标。

Bootstrap3和jQuery实现响应式iOS/Android风格滚动到页顶(底)弹跳效果

bubuko.com,布布扣

在线演示

如果大家使用iOS或者android相关移动平台的话,对于页面滑动到最底端后的弹跳效果肯定不会陌生,在这篇教程中,我们将使用最新版的Bootstrap3jQuery来生成一个类似移动设备app的web页面效果,支持各种设备的响应式展示。

Bootstrap富文本编辑器bootstrap-wysiwyg的使用

bubuko.com,布布扣

在线演示

使用其实很简单的,倒入bootstrap相关CSS,JS,jQuery,还有bootstrap-wysiwyg的JS。

Bootstrap3的一个landing page(着落页模板)

bubuko.com,布布扣

在线演示

非常适合你做产品推广或者app推广,支持响应式,并且可以自行扩展开发!

如果大家喜欢,请留言,我们将每周定期给大家推荐一些不错的Bootstrap3模板!

原文来自:分享六个基于Bootstrap的实用开发教程和模板演示

分享六个基于Bootstrap的实用开发教程和模板演示,布布扣,bubuko.com

分享六个基于Bootstrap的实用开发教程和模板演示

原文:http://www.cnblogs.com/gbin1/p/3628879.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!