随笔- 63  文章- 0  评论- 76  阅读- 18万 

随笔分类 -  Bootstrap

上一页 1 2
Bootstrap<基础十一>字体图标(Glyphicons)
摘要：字体图标(Glyphicons)，并通过一些实例了解它的使用。Bootstrap 捆绑了 200 多种字体格式的字形。获取字体图标我们已经在环境安装章节下载了 Bootstrap 3.x 版本，并理解了它的目录结构。在fonts文件夹内可以找到字体图标，它包含了下列这些文件：glyphicons-h... 阅读全文
posted @ 2015-04-08 09:07 lansy 阅读(6291) 评论(3) 推荐(0) 编辑
Bootstrap<基础十> 响应式实用工具
摘要：Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。超小屏幕手机 ( 相关的元素的特殊情况外，它们与 .vi... 阅读全文
posted @ 2015-04-07 08:24 lansy 阅读(3186) 评论(0) 推荐(1) 编辑
Bootstrap<基础九>辅助类
摘要：Bootstrap 中的一些可能会派上用场的辅助类。文本以下不同的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗：类描述.text-muted"text-muted" 类的文本样式.text-primary"text-primary" 类的文本样式.text-success"text... 阅读全文
posted @ 2015-04-06 12:05 lansy 阅读(1943) 评论(4) 推荐(1) 编辑
Bootstrap <基础八>图片
摘要：Bootstrap 提供了三个可对图片应用简单样式的 class：.img-rounded：添加border-radius:6px来获得图片圆角。.img-circle：添加border-radius:500px来让整个图片变成圆形。.img-thumbnail：添加一些内边距（padding）和一... 阅读全文
posted @ 2015-03-31 12:39 lansy 阅读(1401) 评论(0) 推荐(0) 编辑
Bootstrap <基础七>按钮
摘要：任何带有 class.btn的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式，具体如下表所示：以下样式可用于, , 或 元素上：类描述.btn为按钮添加基本样式.btn-default默认/标准按钮.btn-primary原始按钮样式（未被操作）.bt... 阅读全文
posted @ 2015-03-21 17:32 lansy 阅读(3028) 评论(2) 推荐(0) 编辑
Bootstrap<基础六> 表单
摘要：Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。表单布局Bootstrap 提供了下列类型的表单布局：垂直表单（默认）内联表单水平表单垂直或基本表单基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤：向... 阅读全文
posted @ 2015-03-18 10:34 lansy 阅读(6284) 评论(9) 推荐(6) 编辑
Bootstrap <基础五>表格
摘要：Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：标签描述为表格添加基础样式。表格标题行的容器元素（），用来标识表格列。表格主体中的表格行的容器元素（）。一组出现在单行上的表格单元格的容器元素（ 或 ）。默认的表格单元格。特殊的表格单元格，用来标... 阅读全文
posted @ 2015-03-17 10:54 lansy 阅读(2168) 评论(2) 推荐(1) 编辑
Bootstrap<基础四> 代码
摘要：Bootstrap 允许您以两种方式显示代码：第一种是 标签。如果您想要内联显示代码，那么您应该使用 标签。第二种是 标签。如果代码需要被显示为一个独立的块元素或者代码有多行，那么您应该使用 标签。请确保当您使用 和 标签时，开始和结束标签使用了 unicode 变体：&lt;和&gt;... 阅读全文
posted @ 2015-03-16 12:15 lansy 阅读(1380) 评论(2) 推荐(1) 编辑
Bootstrap<基础三> 排版
摘要：Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。使用 Bootstrap 的排版特性，您可以创建标题、段落、列表及其他内联元素。标题Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式。请... 阅读全文
posted @ 2015-03-15 11:29 lansy 阅读(2805) 评论(7) 推荐(1) 编辑
Bootstrap<基础二> 网格系统
摘要：Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。什么是网格（Grid）？摘自维基百科：在平面设计中，网格是一种由一系列用于组织内容的相交的直线（垂直的、水平的）组成的结构（通常是二维的）。它广泛应用于打印设计中... 阅读全文
posted @ 2015-03-14 13:04 lansy 阅读(3306) 评论(5) 推荐(3) 编辑
Bootstrap<基础一> CSS 概览
摘要：HTML 5 文档类型（Doctype）Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作，您需要使用 HTML5 文档类型（Doctype）。 因此，请在使用 Bootstrap 项目的开头包含下面的代码段。....如果在 Bootstrap 创建的网页开头不使用... 阅读全文
posted @ 2015-03-13 11:22 lansy 阅读(3769) 评论(2) 推荐(7) 编辑
为什么使用 Bootstrap？
摘要：为什么使用 Bootstrap？移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。浏览器支持：所有的主流浏览器都支持 Bootstrap。容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。响应式设计：Bootstra... 阅读全文
posted @ 2015-03-12 11:11 lansy 阅读(2097) 评论(2) 推荐(0) 编辑

上一页 1 2
点击右上角即可分享
微信分享提示