随笔分类 - Bootstrap
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。
摘要:Bootstrap 的 carousel.js 插件并没有支持手势。3种解决方案 :jQuery Mobile (http://jquerymobile.com/download/) $("#carousel-generic").swipeleft(function() { $(this).car...
阅读全文
摘要:最近测试html5页面,发现默认都允许用户缩放页面,或者在屏幕双击放大或缩小。即相当于这样设置如果要禁止此情形,修改相应参数即可。
阅读全文
摘要:最近一个项目中使用JQuery Datatable,用起来比较方便,但在测试过程中,发现当条件改变时,有时查询结果中的数据不正确。使用FireBug跟踪时,发现在使用Ajax请求时,点击一次搜索按钮,却发送了两次请求,一次是原条件的请求,一次是新的请求。下面是查询按钮的代码。先判断是否是Datata...
阅读全文
摘要:Bootstrap表单在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。表单布局Bootstrap 提供了下列类型的表单布局:垂直表单(默认)内联表单水平表单垂直或基本表单基本的表单结构是 Bootstr...
阅读全文
摘要:Bootstrap表格Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素:标签描述为表格添加基础样式。表格标题行的容器元素(),用来标识表格列。表格主体中的表格行的容器元素()。一组出现在单行上的表格单元格的容器元素( 或 )。默认的表格单元格。特...
阅读全文
摘要:Bootstrap排版Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。使用 Bootstrap 的排版特性,您可以创建标题、段落、列表及其他内联元素。标题Bootstrap 中定义了所有的 HTML 标题(h1...
阅读全文
摘要:Bootstrap网格系统本章节我们将讲解 Bootstrap 的网格系统(Grid System)。Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。什么是网格(Grid)?摘自维基百科:在平面设计中,网格是一...
阅读全文
摘要:在这一章中,我们将讲解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快、更强壮的最佳实践。HTML 5 文档类型(Doctype)Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype)。...
阅读全文