2015年4月17日
摘要：
Bootstrap响应式实用工具Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。超小屏幕手机 ( 相关的... 阅读全文
摘要：
Bootstrap辅助类本章将讨论 Bootstrap 中的一些可能会派上用场的辅助类。文本以下不同的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗：类描述.text-muted"text-muted" 类的文本样式.text-primary"text-primary" 类的文本样式... 阅读全文
摘要：
Bootstrap图片在本章中，将学习 Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class：.img-rounded：添加border-radius:6px来获得图片圆角。.img-circle：添加border-radius:500px来让整个图片变... 阅读全文
摘要：
Bootstrap按钮本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class.btn的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式，具体如下表所示：以下样式可用于, , 或 元素上：类描述.btn为按钮添加基本样式.btn-def... 阅读全文
摘要：
Bootstrap表单在本章中，将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。表单布局Bootstrap 提供了下列类型的表单布局：垂直表单（默认）内联表单水平表单垂直或基本表单基本的表单结构是 Bootstrap... 阅读全文
摘要：
Bootstrap表格Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：标签描述为表格添加基础样式。表格标题行的容器元素（），用来标识表格列。表格主体中的表格行的容器元素（）。一组出现在单行上的表格单元格的容器元素（ 或 ）。默认的表格单元格。特... 阅读全文
摘要：
Bootstrap代码Bootstrap 允许您以两种方式显示代码：第一种是 标签。如果您想要内联显示代码，那么您应该使用 标签。第二种是 标签。如果代码需要被显示为一个独立的块元素或者代码有多行，那么您应该使用 标签。请确保当您使用 和 标签时，开始和结束标签使用了 unicode 变... 阅读全文
摘要：
Bootstrap排版Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。使用 Bootstrap 的排版特性，您可以创建标题、段落、列表及其他内联元素。标题Bootstrap 中定义了所有的 HTML 标题（h1... 阅读全文
摘要：
Bootstrap网格系统本章节将讲解 Bootstrap 的网格系统（Grid System）。Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。什么是网格（Grid）？摘自维基百科：在平面设计中，网格是一种由... 阅读全文
摘要：
BootstrapCSS 概览在这一章中，将讲解 Bootstrap 底层结构的关键部分，包括我们让 web 开发变得更好、更快、更强壮的最佳实践。HTML 5 文档类型（Doctype）Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作，您需要使用 HTML5 文... 阅读全文