随笔分类 -  24 Bootstrap学习系列

前端学习系列教程
摘要：Bootstrap学习系列教程 本系列教程是自己在工作中使用到而记录的，如有错误之处，请给与指正 第一章 Bootstrap简介 第二章 时间控件（DateTime Picker） 第三章 续：时间控件（TimePicker） 第四章 标签页 第五章 使用 Bootstrap Typeahead 组 阅读全文
posted @ 2017-09-01 12:54 心存善念 阅读(557) 评论(0) 推荐(0) 编辑
第九章 BootstrapTable的使用
摘要：一、简介 BootstrapTable是一个Bootstrap 3 的表格插件，支持单选, 复选框, 排序, 分页等功能 官网：http://bootstrap-table.wenzhixin.net.cn/ github：https://github.com/wenzhixin/bootstrap 阅读全文
posted @ 2017-03-13 15:08 心存善念 阅读(34255) 评论(0) 推荐(2) 编辑
第八章 让Bootstrap轮播插件carousel支持左右滑动手势的三种方法
摘要：因为最近开发的项目涉及到移动设备上的 HTML5 开发，其中需要实现轮播效果。然后最快捷的方式，你知道的（Bootstrap），然后原生的 Bootstrap 的 carousel.js 插件并没有支持手势。 然后......自己想办法呗，再然后，就有下面3种解决方案 ： jQuery Mobile 阅读全文
posted @ 2015-11-01 14:17 心存善念 阅读(1032) 评论(0) 推荐(0) 编辑
第七章 模态框
摘要：1.在Index.cshtml中添加创建按钮 创建2.控制器 [HttpGet] public ActionResult Create() { ViewBag.ModalID = Request["ModalID"... 阅读全文
posted @ 2015-07-30 10:27 心存善念 阅读(394) 评论(0) 推荐(0) 编辑
第六章 使用 Bootstrap Typeahead 组件（百度下拉效果）（续）
摘要：官方：http://twitter.github.io/typeahead.js/示例：http://twitter.github.io/typeahead.js/examples/（本文展示：Open Source Projects by Twitter）项目源码：https://github.com/twitter/typeahead.js（点击Download ZIP下载typeahead.js-master.zip）1.实现HTML提示：examples.css为实例中的css文件 姓名 ... 阅读全文
posted @ 2014-01-17 15:22 心存善念 阅读(9194) 评论(0) 推荐(0) 编辑
第五章 使用 Bootstrap Typeahead 组件（百度下拉效果）
摘要：推荐链接：http://www.cnblogs.com/haogj/p/3376874.htmlUnderScore官网：http://underscorejs.org/ 参考文档：http://www.css88.com/doc/underscore/页面代码：@{ ViewBag.Title = "Index";} 简单使用 Product Search: 使用脚本填充数据 Product Search: ... 阅读全文
posted @ 2013-12-03 17:30 心存善念 阅读(3971) 评论(0) 推荐(0) 编辑
第四章 标签页
摘要：参考链接：http://v3.bootcss.com/components/#nav-tabshttp://v3.bootcss.com/javascript/#tabs一、隐藏的方法实现tab切换只需为页面元素简单的添加data-toggle="tab" 或 data-toggle="pill"就可以无需写任何JavaScript代码也能激活标签页或胶囊式导航。为ul添加.nav和.nav-tabs classe即可为其赋予Bootstrap标签页样式；而添加nav和nav-pills class可以为其赋予胶囊标签页样式。href和div id必须相 阅读全文
posted @ 2013-11-15 11:44 心存善念 阅读(638) 评论(0) 推荐(0) 编辑
第三章 续：时间控件（TimePicker）
摘要：上一章，介绍了datetimepicker使用，然而，当只需要时分秒的时候，它并不怎么理想，因此又找了一个单独的时间控制插件现在介绍一个timepicker，用法差不多，但是它只是基于bootstrap2的，还没有bootstrap3版本http://jdewit.github.io/bootstrap-timepicker/效果展示： 阅读全文
posted @ 2013-10-21 11:30 心存善念 阅读(1513) 评论(0) 推荐(0) 编辑
第二章 时间控件（DateTime Picker）
摘要：这家伙太懒了，碰到问题才写博文，嘿嘿。 好了进入正题，二话不说，先放地址： 中文：http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm http://www.malot.fr/bootstrap-datetimepicker/demo.php http://www.malot.fr/bootstrap-datetimepicker/ 今天碰到一个问题是这样的，时间控件显示小时分钟。死定了，全是英文，找了白天才发现startView的意思 上菜了： @Styles.Render("~/Content/themes/d.. 阅读全文
posted @ 2013-10-17 22:07 心存善念 阅读(71175) 评论(3) 推荐(5) 编辑
第一章 Bootstrap简介
摘要：一、Bootstrap简介 Bootstrap是基于 HTML、CSS、JAVASCRIPT 的前端框架，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和C 阅读全文
posted @ 2013-09-27 11:50 心存善念 阅读(1038) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示