在线建站培训
网站模板 网页制作bootstrap教程
bootstrap教程
Bootstrap 响应式实用工具
Bootstrap 提供了一些帮助器类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。 需要谨慎使用这些工具,避免在同一个站点创建完全不同的版本。响 ...
2015-9-20 17:38
Bootstrap 中的一些可能会派上用场的帮助器类
本章将讨论 Bootstrap 中的一些可能会派上用场的帮助器类。 关闭图标 使用通用的关闭图标来关闭模态框和警告框。使用 class close 得到关闭图标。 !DOCTYPE html html head titleBootstrap 实例 - 关闭图标/title l ...
2015-9-20 17:38
Bootstrap 对图像的支持
Bootstrap 图像 在本章中,我们将学习 Bootstrap 对图像的支持。Bootstrap 提供了三个可对图像应用简单样式的 class: .img-rounded:添加 border-radius:6px 来获得图像圆角。.img-circle:添加 border-radius:500p ...
2015-9-20 17:37
Bootstrap教程:按钮样式
本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所示: Class描述 btn默认的/标准的按钮。 b ...
2015-9-20 17:37
Bootstrap教程:创建表单
Bootstrap 表单 在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标记和扩展的类即可创建出不同样式的表单。 表单布局 Bootstrap 提供了下列类型的表单布局: 垂直表单(默认)内 ...
2015-9-20 17:36
Bootstrap教程:表格
Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素: 标签描述 table容纳以表格形式显示数据的元素。 thead表格标题行的容器元素(tr),用来标识表格列。 tbody表格主体中的表格 ...
2015-9-20 17:35
Bootstrap教程:代码
Bootstrap 允许您以两种方式显示代码: 第一种是 code 标签。如果您想要内联显示代码,那么您应该使用 code 标签。第二种是 pre 标签。如果代码需要被显示为一个独立的块元素或者代码有多行,那么您应该使用 pre 标签 ...
2015-9-20 17:34
Bootstrap教程:排版
Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。使用 Bootstrap 的排版特性,您可以创建标题、段落、列表及其他内联元素。 标题 Bootstrap 中定义了所有的 HTML 标题(h1 到 ...
2015-9-12 09:16
Bootstrap教程:网格系统
本章节我们将讲解 Bootstrap 的网格系统(Grid System)。 什么是网格(Grid)? 摘自维基百科: 在平面设计中,网格是一种由一系列用于组织内容的相交的直线(垂直的、水平的)组成的结构(通常是二维的)。它广泛 ...
2015-9-12 09:16
Bootstrap CSS 概览
在这一章中,我们将讲解 Bootstrap 工作的几个关键因素。 HTML 5 文档类型(Doctype) Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype)。因此,请在使用 B ...
2015-9-12 09:15
Bootstrap 环境安装
Bootstrap 安装是非常容易的。本章将讲解如何下载并安装 Bootstrap,讨论 Bootstrap 文件结构,并通过一个实例演示它的用法。 下载 Bootstrap 您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您 ...
2015-9-12 09:15
Bootstrap 简介
什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 ...
2015-9-12 09:14