bootstrap
文章平均质量分 86
四哥-云上
大学之道,在明明德,在亲民,在止于至善!
展开
-
Bootstrap 奇妙的网格系统-grid system 【container/.row/.col-xs-】
Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。什么是网格(Grid)?摘自维基百科:在平面设计中,网格是一种由一系列用于组织内容的相交的直线(垂直的、水平的)组成的结构(通常是二维的)。它广泛应用于打印设计中的设计布局和内容结构。在网页设计中,它是一种用于快速创建一致的布局和有效原创 2016-05-28 19:05:26 · 245 阅读 · 0 评论 -
bootstrap显示代码的两种方式-code,pre
Bootstrap 允许您以两种方式显示代码:第一种是 标签。如果您想要内联显示代码,那么您应该使用 标签。第二种是 标签。如果代码需要被显示为一个独立的块元素或者代码有多行,那么您应该使用 标签。请确保当您使用 和 标签时,开始和结束标签使用了 unicode 变体: < 和 >。让我们来看看下面的实例:实例原创 2016-05-29 00:26:32 · 1049 阅读 · 0 评论 -
bootstrap快速创建表单系统-form 【内容巨丰富】
Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。表单布局Bootstrap 提供了下列类型的表单布局:垂直表单(默认)内联表单水平表单垂直或基本表单基本的表单结构是 Bootstrap 自带的,个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤:向父 元素添加 role="fo原创 2016-05-29 19:25:01 · 525 阅读 · 0 评论 -
bootstrap轻松创建表格布局-table
Bootstrap 表格Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素:标签描述为表格添加基础样式。表格标题行的容器元素(),用来标识表格列。表格主体中的表格行的容器元素()。一组出现在单行上的表格单元格的容原创 2016-05-29 00:51:11 · 932 阅读 · 0 评论 -
bootstrap排版利器
Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。使用 Bootstrap 的排版特性,您可以创建标题、段落、列表及其他内联元素。标题Bootstrap 中定义了所有的 HTML 标题(h1 到 h6)的样式。请看下面的实例: Bootstrap 实例 - 标题原创 2016-05-28 23:48:54 · 195 阅读 · 0 评论 -
【工欲善其事,必先利其器】bootstrap环境安装--非常重要(最新百度的静态资源库的 CDN 服务,访问速度更快)
Bootstrap 安装是非常容易的。本章将讲解如何下载并安装 Bootstrap,讨论 Bootstrap 文件结构,并通过一个实例演示它的用法。下载 Bootstrap您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时,您将看到如下所示的网页:您会看到两个按钮:Download Bo原创 2016-05-28 19:14:39 · 301 阅读 · 0 评论 -
Bootstrap 附加导航(Affix)插件
Bootstrap 附加导航(Affix)插件附加导航(Affix)插件允许某个 固定在页面的某个位置。您也可以在打开或关闭使用该插件之间进行切换。一个常见的例子是社交图标。它们将在某个位置开始,但当页面点击某个标记,该 会锁定在某个位置,不会随着页面其他部分一起滚动。如果您想要单独引用该插件的功能,那么您需要引用 affix.js。或者,正如 Bootstrap 插件概览原创 2016-05-27 18:02:58 · 496 阅读 · 0 评论 -
简单好用的轮播效果..Bootstrap 轮播(Carousel)插件
Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您想要单独引用该插件的功能,那么您需要引用 carousel.js。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.原创 2016-05-27 17:39:56 · 436 阅读 · 0 评论