Bootstrap
kikay
葵花在手,天下我有!
展开
-
Bootstrap学习总结笔记(1)--环境配置
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。对于不太熟悉前端开发的程序员来说,是一个很好的解决方案。原创 2016-12-06 23:32:50 · 662 阅读 · 0 评论 -
Bootstrap学习总结笔记(15)-- 基本组件之进度条
Bootstrap提供了各式各样的进度条。原创 2016-12-07 16:12:30 · 423 阅读 · 0 评论 -
Bootstrap学习总结笔记(16)-- 基本插件之模态对话框
Bootstrap自带了很多JQuery插件,给用户做前端开发提供了很大的方便。对于每一个插件,有2种引用方式:一是单独引用,即使用Bootstrap的单独*.js文件,这种方式需要注意的是一些插件和CSS组件可能依赖其他插件,所以单独引用的时候,需要弄清楚这种包含关系并一并引用;二是直接引用完整的bootstrap.js或者压缩版的bootstrap.min.js,需要注意的是不能同时引用这2个文原创 2016-12-07 22:18:55 · 688 阅读 · 0 评论 -
Bootstrap学习总结笔记(17)-- 基本插件之标签切换
Bootstrap可以很轻松就实现标签切换的效果。原创 2016-12-07 22:49:29 · 484 阅读 · 0 评论 -
Bootstrap学习总结笔记(18)-- 基本插件之Tooltip提示工具
提示工具(Tooltip)插件根据需求生成内容和标记,默认情况下是把提示工具(Tooltip)放在它们的触发元素后面。原创 2016-12-07 23:05:52 · 435 阅读 · 0 评论 -
Bootstrap学习总结笔记(20)-- 基本插件之Alert警告框
和前面的模态对话框类似。原创 2016-12-07 23:33:05 · 882 阅读 · 0 评论 -
Bootstrap学习总结笔记(21)-- 基本插件之按钮
前面已经介绍过Button的使用。通过button按钮,我们还能实现一些诸如按钮状态控制等形式的交互。原创 2016-12-07 23:42:13 · 416 阅读 · 0 评论 -
Bootstrap学习总结笔记(22)-- 基本插件之折叠
折叠(Collapse)插件可以很容易地让页面区域折叠起来。原创 2016-12-07 23:49:41 · 562 阅读 · 0 评论 -
Bootstrap学习总结笔记(23)-- 基本插件之轮播幻灯片
Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。原创 2016-12-07 23:59:52 · 1120 阅读 · 0 评论 -
Bootstrap学习总结笔记(19)-- 基本插件之Popover提示框
Tooltip采用的是hover方式弹出提示框,适合提示内容比较少的情况,要是内容较多,就可以应用Popover提示框。原创 2016-12-07 23:11:17 · 544 阅读 · 0 评论 -
利用SQLAlchemy和Bootstrap实现数据分页显示
随着Web业务拓展,数据量会不断增长,如果在一个页面上将全部数据一次性显示出来,服务器和浏览器都会受到很大影响,不切合实际。一般的解决方式是采用分页显示的办法。在Flask框架中,可以利用SQLAlchemy实现分页查询,结合Bootstrap提供的强大CSS分页效果,完美地实现分页导航的效果。原创 2017-02-07 11:55:02 · 5936 阅读 · 1 评论 -
Bootstrap学习总结笔记(14)-- 基本组件之面板
基本组件之面板。原创 2016-12-07 15:58:41 · 410 阅读 · 0 评论 -
Bootstrap学习总结笔记(13)-- 基本组件之缩略图
Bootstrap 通过缩略图为网站布局提供了一种简洁的解决方案。原创 2016-12-07 15:54:39 · 427 阅读 · 0 评论 -
Bootstrap学习总结笔记(12)-- 基本组件之分页
Bootstrap提供了对分页的良好支持。原创 2016-12-07 15:44:07 · 606 阅读 · 0 评论 -
Bootstrap学习总结笔记(2)-- 基本样式之表格
Bootstrap实现了大量基本样式,包括表格、表单、按钮、图片等。基本的使用方法是通过添加特定的class来实现。 Bootstrap 提供了一个清晰的创建表格的布局。原创 2016-12-06 23:42:14 · 731 阅读 · 0 评论 -
Bootstrap学习总结笔记(3)-- 基本样式之表单
Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。原创 2016-12-06 23:50:16 · 711 阅读 · 0 评论 -
Bootstrap学习总结笔记(4)-- 基本样式之按钮
Bootstrap中任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观,再结合一些选项,可以定义各种按钮样式。原创 2016-12-06 23:57:10 · 775 阅读 · 0 评论 -
Bootstrap学习总结笔记(5)-- 基本样式之标签
基本样式之标签原创 2016-12-07 00:03:35 · 392 阅读 · 0 评论 -
Bootstrap学习总结笔记(6)-- 基本样式之图片
基本样式之图片原创 2016-12-07 00:10:41 · 445 阅读 · 0 评论 -
Bootstrap学习总结笔记(7)-- 基本组件之下拉菜单
对于一些较为常用的功能模块,Bootstrap也进行了封装。包括下拉菜单、按钮组、导航、分页、缩略图、进度条等。下面先总结下下拉菜单的使用。原创 2016-12-07 02:14:55 · 718 阅读 · 0 评论 -
Bootstrap学习总结笔记(8)-- 基本组件之按钮组
按钮组允许多个按钮被堆叠在同一行上,实现起来非常简单。原创 2016-12-07 02:26:29 · 545 阅读 · 1 评论 -
Bootstrap学习总结笔记(9)-- 基本组件之input输入框组
使用input输入框组,可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。原创 2016-12-07 02:36:42 · 907 阅读 · 0 评论 -
Bootstrap学习总结笔记(10)-- 基本组件之导航
Bootstrap的导航很有特色,主要分为胶囊式导航、面包屑导航、头部导航共3大类,可以满足绝大部分需求。原创 2016-12-07 03:02:32 · 449 阅读 · 0 评论 -
Bootstrap学习总结笔记(11)-- 基本组件之列表组
列表组件用于以列表形式呈现复杂的和自定义的内容。原创 2016-12-07 14:47:29 · 382 阅读 · 0 评论 -
Bootstrap学习总结笔记(24)-- 基于BootstrapValidator的Form表单验证
Form表单进行数据验证是十分必要的,我们可以自己写JS脚本或者使用jQuery Validate 插件来实现。对于Bootstrap而言,利用BootstrapValidator来做Form表单验证是个相当不错的选择,两者完全兼容,我们也不用去关注CSS样式等美工效果。原创 2016-12-11 22:09:18 · 5813 阅读 · 1 评论