博客专栏  >  前端   >  bootstrap 开发

bootstrap 开发

讲解bootstrap从入门到精通的教程。

关注
8 已关注
32篇博文
  • Web前端CSS框架—Bootstrap学习笔记

    Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。   ...

    2015-01-30 14:31
    935
  • 15款创建漂亮幻灯片的 jQuery 插件

    1. Skippr Skippr 是一个超级简单的 jQuery 幻灯片插件。只是包括你的网页中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了。S...

    2015-07-16 13:58
    1465
  • Bootstrap学习模态框(model)插件

    模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 如果您想要单独引用该插件的功能,那么您需要引...

    2015-09-02 14:12
    1031
  • Bootstrap学习:插件概览

    站点引用 Bootstrap 插件的方式有两种: 单独引用:使用 Bootstrap 的个别的 *.js 文件。一些插件和 CSS  组件依赖于其他插件。如果您单独引用插件,请先确保弄请这些插件之间...

    2015-09-02 14:13
    360
  • Bootstrap学习:Wells

    Well 是一种会引起内容凹陷显示或插图效果的容器 。为了创建 Well,只需要简单地把内容放在带有 class .well 的 中即可。下面的实例演示了一个默认的 Well: html> h...

    2015-09-02 14:13
    401
  • Bootstrap学习:面板

    本章将讲解 Bootstrap 面板(Panels)。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板,只需要向元素添加 class .panel 和 class .panel-def...

    2015-09-02 14:14
    384
  • Bootstrap学习:列表组

    本章我们将讲解列表组。列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下: 向元素 添加 class .list-group。向  添加 class .list-grou...

    2015-09-02 14:14
    361
  • Bootstrap学习:多媒体对象

    本章我们将讲解 Bootstrap 中的多媒体对象(Media Object)。这些抽象的对象样式用于创建各种类型的组件(比如:博客评论),我们可以在组件中使用图文混排,图像可以左对齐或者右对齐。媒体...

    2015-09-02 14:15
    373
  • Bootstrap学习:进度条

    本章将讲解 Bootstrap 进度条。在本教程中,您将看到如何使用 Bootstrap 创建加载、重定向或动作状态的进度条。 Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果。I...

    2015-09-02 14:15
    430
  • Bootstrap学习:缩略图

    本章将讲解 Bootstrap 缩略图。大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下: 在图...

    2015-09-02 14:16
    457
  • Bootstrap学习:页面标题

    页面标题(Page Header)是个不错的功能,它会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时,页面标题这个功能就显得特别有用。如需使用页面标题(Page...

    2015-09-02 14:16
    289
  • Bootstrap学习:超大屏幕

    本章将讲解 Bootstrap 支持的另一个特性,超大屏幕(Jumbotron)。顾名思义该组件可以增加标题的大小,并为登陆页面内容添加更多的外边距(margin)。使用超大屏幕(Jumbotron)...

    2015-09-02 14:16
    422
  • Bootstrap学习:徽章

    本章将讲解 Bootstrap 徽章(Badges)。徽章与标签相似,主要的区别在于徽章的边角更加圆滑。 徽章(Badges)主要用于突出显示新的或未读的项。如需使用徽章,只需要把 添加到链接、Bo...

    2015-09-02 14:17
    645
  • Bootstrap学习:标签

    本章将讲解 Bootstrap 标签。标签可用于计数、提示或页面上其他的标记显示。使用 class .label 来显示标签,如下面的实例所示: html> head> title>Boots...

    2015-09-02 14:17
    408
  • Bootstrap学习:分页

    本章将讲解 Bootstrap 支持的分页特性。分页(Pagination),是一种无序列表,Bootstrap 像处理其他界面元素一样处理分页。 分页(Pagination) 下表列出了 Boo...

    2015-09-02 14:17
    515
  • Bootstrap学习:面包屑导航

    面包屑导航(Breadcrumbs)是一种基于网站层次信息的显示方式。以博客为例,面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。 Bootstrap 中的面包屑导航...

    2015-09-02 14:17
    948
  • Bootstrap学习:导航栏

    导航栏是一个很好的功能,是 Bootstrap 网站的一个突出特点。导航栏是响应式元组件就,作为应用程序或网站的导航标题。导航栏在移动设备的视图中是折叠的,随着可用视口宽度的增加,导航栏也会水平展开。...

    2015-09-02 14:18
    388
  • Bootstrap学习:导航元素

    本章我们将讲解 Bootstrap 提供的用于定义导航元素的一些选项。它们使用相同的标记和基类 .nav。Bootstrap 也提供了一个用于共享标记和状态的帮助器类。改变修饰的 class,可以在不...

    2015-09-02 14:18
    482
  • Bootstrap学习:输入框组

    本章将讲解 Bootstrap 支持的另一个特性,输入框组。输入框组扩展自 表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。 通过向输入域添加前缀和后缀的内容...

    2015-09-02 14:19
    483
  • Bootstrap学习:按钮下拉菜单

    本章将讲解如何使用 Bootstrap class 向按钮添加下拉菜单。如需向按钮添加下拉菜单,只需要简单地在在一个 .btn-group 中放置按钮和下拉菜单即可。您也可以使用来指示按钮作为下拉菜单...

    2015-09-02 14:19
    347
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部