• 基因科技走入中国民生 坚持自主创新 2018-05-27
  • 文在寅政府首次就“文化界黑名單”向國民道歉 2018-05-27
  • 【美丽中国长江行】常德桃源:做好水文章,答对生态卷 2018-05-26
  • 农业农村部“百乡万户”驻村调研:兴农业 补短板 2018-05-26
  • 女人更年期后,要不要避孕?如何避? 2018-05-25
  • 债市风险有多大?华商系债基今年跌幅已超20% 2018-05-25
  • 供电公司采取小额诉讼手段维权 3个月不交电费将收到律师函 2018-05-25
  • 智能公交让全民体验智慧出行 2018-05-25
  • 杭州男子钓起16斤重“猛兽”,专家一看:可别随意丢弃! 2018-05-25
  • 望川十年,看见中国社会的成长 2018-05-25
  • 哈尔滨市“拔钉子”严查露天烧烤 21家冒烟摊位将被依法处罚 2018-05-24
  • 新濠天地娱乐城官网 2018-05-24
  • “澳门368足球博彩公司”足球比分及时直播李国英主持召开省深化医药卫生体制改革领导小组会议 2018-05-23
  • 马来大选92岁前总理改写政治版图 60年来政党首轮替 2018-05-23
  • 科技创新技能挑战赛聚焦冬奥主题 2018-05-23
  • 全部资讯
    【bootstrap教程】Bootstrap 多媒体对象(Media Object)
    Bootstrap 多媒体对象(Media Object) 本章我们将讲解 Bootstrap 中的多媒体对象(Media Object)。这些抽象的对象样式用于创建各种类型的组件(比如:博客评论),我们可以在组件中使用图文混排,图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。 媒体对象轻量标记、易于扩展的特性是通过向简单的标记...
    发布于 2014-11-28 12:28:47 栏目: bootstrap
    【bootstrap教程】Bootstrap 进度条
    Bootstrap 进度条 本章将讲解 Bootstrap 进度条。在本教程中,您将看到如何使用 Bootstrap 创建加载、重定向或动作状态的进度条。 Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果。Internet Explorer 9 及之前的版本和旧版的 Firefox 不支持该特性,Opera 12 不支持动画。 默认的进度条 ...
    发布于 2014-11-28 11:56:47 栏目: bootstrap
    【bootstrap教程】Bootstrap 警告(Alerts)
    Bootstrap 警告(Alerts) 本章将讲解警告(Alerts)以及 Bootstrap 所提供的用于警告的 class。警告(Alerts)向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。 您可以为警告框添加一个可选的关闭按钮。为了创建一个内联的可取消的警告框,请使用 警告(Alerts) jQuery 插件。 您可以...
    发布于 2014-11-28 11:44:08 栏目: bootstrap
    【bootstrap教程】Bootstrap 缩略图
    Bootstrap 缩略图 本章将讲解 Bootstrap 缩略图。大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下: 在图像周围添加带有 class .thumbnail 的 <a> 标签。 这会添加四个像素的内边距(paddi...
    发布于 2014-11-28 11:38:29 栏目: bootstrap
    【bootstrap教程】Bootstrap 页面标题(Page Header)
    Bootstrap 页面标题(Page Header) 页面标题(Page Header)是个不错的功能,它会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时,页面标题这个功能就显得特别有用。如需使用页面标题(Page Header),请把您的标题放置在带有 class .page-header 的 <di...
    发布于 2014-11-28 12:04:48 栏目: bootstrap
    【bootstrap教程】Bootstrap 超大屏幕(Jumbotron)
    Bootstrap 超大屏幕(Jumbotron) 本章将讲解 Bootstrap 支持的另一个特性,超大屏幕(Jumbotron)。顾名思义该组件可以增加标题的大小,并为登陆页面内容添加更多的外边距(margin)。使用超大屏幕(Jumbotron)的步骤如下: 创建一个带有 class .jumbotron. 的容器 <div&gt...
    发布于 2014-11-28 11:35:42 栏目: bootstrap
    【bootstrap教程】Bootstrap 徽章(Badges)
    Bootstrap 徽章(Badges) 本章将讲解 Bootstrap 徽章(Badges)?;照掠氡昵┫嗨?,主要的区别在于徽章的边角更加圆滑。 徽章(Badges)主要用于突出显示新的或未读的项。如需使用徽章,只需要把 <span class='badge'> 添加到链接、Bootstrap 导航等这些元素...
    发布于 2014-11-28 11:24:38 栏目: bootstrap
    【bootstrap教程】Bootstrap 标签
    Bootstrap 标签 本章将讲解 Bootstrap 标签。标签可用于计数、提示或页面上其他的标记显示。使用 class .label 来显示标签,如下面的实例所示: Bootstrap 实例 - 标签 Example Heading Label Example Heading Label Example Heading Label Example He...
    发布于 2014-11-28 11:48:18 栏目: bootstrap
    【bootstrap教程】Bootstrap 分页
    Bootstrap 分页 本章将讲解 Bootstrap 支持的分页特性。分页(Pagination),是一种无序列表,Bootstrap 像处理其他界面元素一样处理分页。 分页(Pagination) 下表列出了 Bootstrap 提供的处理分页的 class。 Class描述示例代码 .pagination添加该 class 来在页面上显示分页。 &a...
    发布于 2014-11-28 11:47:49 栏目: bootstrap
    【bootstrap教程】Bootstrap 面包屑导航(Breadcrumbs)
    Bootstrap 面包屑导航(Breadcrumbs) 面包屑导航(Breadcrumbs)是一种基于网站层次信息的显示方式。以博客为例,面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。 Bootstrap 中的面包屑导航(Breadcrumbs)是一个简单的带有 .breadcrumb class 的无序列表。分隔符会通过...
    发布于 2014-11-28 11:15:04 栏目: bootstrap
    【bootstrap教程】Bootstrap 导航栏
    Bootstrap 导航栏 导航栏是一个很好的功能,是 Bootstrap 网站的一个突出特点。导航栏是响应式元组件就,作为应用程序或网站的导航标题。导航栏在移动设备的视图中是折叠的,随着可用视口宽度的增加,导航栏也会水平展开。在 Bootstrap 导航栏的核心中,导航栏包括了为站点名称和基本的导航定义样式。 默认的导航栏 创建一个默认的导航栏的步骤如下:...
    发布于 2014-11-28 11:19:29 栏目: bootstrap
    【bootstrap教程】Bootstrap 导航元素
    Bootstrap 导航元素 本章我们将讲解 Bootstrap 提供的用于定义导航元素的一些选项。它们使用相同的标记和基类 .nav。Bootstrap 也提供了一个用于共享标记和状态的帮助器类。改变修饰的 class,可以在不同的样式间进行切换。 表格导航或标签 创建一个标签式的导航菜单: 以一个带有 class .nav 的无序列表开始。 添加 cla...
    发布于 2014-11-28 10:50:30 栏目: bootstrap
    【bootstrap教程】Bootstrap 输入框组
    Bootstrap 输入框组 本章将讲解 Bootstrap 支持的另一个特性,输入框组。输入框组扩展自 表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。 通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如,您可以添加美元符号,或者在 Twitter 用户名前添加 @,或者应用程序接口所需要的其他公...
    发布于 2014-11-28 10:42:16 栏目: bootstrap
    【bootstrap教程】Bootstrap 按钮下拉菜单
    Bootstrap 按钮下拉菜单 本章将讲解如何使用 Bootstrap class 向按钮添加下拉菜单。如需向按钮添加下拉菜单,只需要简单地在在一个 .btn-group 中放置按钮和下拉菜单即可。您也可以使用 <span class='caret'></span> 来指示按钮作为...
    发布于 2014-11-28 10:36:42 栏目: bootstrap
    【bootstrap教程】Bootstrap 按钮组
    Bootstrap 按钮组 按钮组允许多个按钮被堆叠在同一行上。当你想要把按钮对齐在一起时,这就显得非常有用。您可以通过 Bootstrap 按钮(Button) 插件 添加可选的 JavaScript 单选框和复选框样式行为。 下面的表格总结了 Bootstrap 提供的使用按钮组的一些重要的 class: Class描述代码示例 .btn-group该 ...
    发布于 2014-11-28 10:43:36 栏目: bootstrap
    【bootstrap教程】Bootstrap 下拉菜单(Dropdowns)
    Bootstrap 下拉菜单(Dropdowns) 本章将重点介绍 Bootstrap 下拉菜单。下拉菜单是可切换的,是以列表格式显示链接的上下文菜单。这可以通过与 下拉菜单(Dropdown) JavaScript 插件 的互动来实现。 如需使用下列菜单,只需要在 class .dropdown 内加上下拉菜单即可。下面的实例演示了基本的下拉菜单: Boo...
    发布于 2014-11-28 10:16:41 栏目: bootstrap
    【bootstrap教程】Bootstrap 字形图标(Glyphicons)
    Bootstrap 字形图标(Glyphicons) 本章将讲解字形图标(Glyphicons),并通过一些实例了解它的使用。Bootstrap 捆绑了 200 多种字体格式的字形。首先让我们先来理解一下什么是字形图标(Glyphicons)。 什么是字形图标(Glyphicons)? 字形图标(Glyphicons)是在 Web 项目中使用的图标字体。虽然...
    发布于 2014-11-28 10:50:35 栏目: bootstrap
    【bootstrap教程】Bootstrap 响应式实用工具
    Bootstrap 响应式实用工具 Bootstrap 提供了一些帮助器类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。 需要谨慎使用这些工具,避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。 Class设备 .visible-xs额外的小设备(小于 768px)可见...
    发布于 2014-11-28 10:09:07 栏目: bootstrap
    【bootstrap教程】Bootstrap 帮助器类
    Bootstrap 帮助器类 本章将讨论 Bootstrap 中的一些可能会派上用场的帮助器类。 关闭图标 使用通用的关闭图标来关闭模态框和警告框。使用 class close 得到关闭图标。 Bootstrap 实例 - 关闭图标 关闭图标实例 × 尝试一下 ? 结果如下所示: 插入符 使用插入符表示下拉功能和方向。使.....
    发布于 2014-11-28 10:05:09 栏目: bootstrap
    【bootstrap教程】Bootstrap 图像
    Bootstrap 图像 在本章中,我们将学习 Bootstrap 对图像的支持。Bootstrap 提供了三个可对图像应用简单样式的 class: .img-rounded:添加 border-radius:6px 来获得图像圆角。 .img-circle:添加 border-radius:500px 来让整个图像变成圆形。 .img-thumbnail:...
    发布于 2014-11-28 10:17:41 栏目: bootstrap