当前位置:首页 » 前端 » "BootStrap"下的所有文章
十一月9日

Bootstrap教程 插件模态框 modal.js

作者:大树 | 分类:BootStrap | 浏览:97次   
0人评论

模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集。模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 如果您想要单独引用该插件的功能,那么您需要引用 modal.js。或者,正如 Boots...

十月7日

Jquery+Bootstrap实现Collapse菜单源码(手风琴折叠效果)

作者:大树 | 分类:BootStrap | 浏览:83次   
0人评论

采用Bootstrap的折叠(Collapse)插件可以很容易地让页面区域折叠起来,可以轻松用它来创建折叠导航和内容面板,它都允许很多内容选项。今天我们采用Jquery实现的手风琴垂直菜单,它基于jQuery和Boostrap,外观简单而美观,比起原生态的Bootstrap的Collapse菜单更加美观,更加个性,更加易于拓展,小编特意推荐给你,下...

九月19日

Bootstrap教程 面板(Panels)

作者:大树 | 分类:BootStrap | 浏览:99次   
0人评论

面板虽然不是必须的,但是某些时候你可能需要将某些 DOM 内容放到一个盒子里。对于这种情况,可以试试面板组件。创建一个基本的面板,只需要向 <div> 元素添加 class .panel 和 class .panel-default 即可,如下面的实例所示: 基本实例 默认的 .panel 组件所做的只是设置基本的边框(border)和内补(padding)...

九月8日

Bootstrap教程 各种列表组实例

作者:大树 | 分类:BootStrap | 浏览:91次   
0人评论

列表组是灵活又强大的组件,不仅能用于显示一组简单的元素,还能用于复杂的定制的内容。 基本实例 最简单的列表组仅仅是一个带有多个列表条目的无序列表,另外还需要设置适当的类。我们提供了一些预定义的样式,你可以根据自身的需求通过 CSS 自己定制。 ○ 向元素 <ul> 添加 class .list-group。 ○ 向 <li> ...

八月16日

Bootstrap教程:媒体对象(Media Object)

作者:大树 | 分类:BootStrap | 浏览:87次   
0人评论

Bootstrap 中的多媒体对象(Media Object),这是一个抽象的样式,用以构建不同类型的组件,这些组件都具有在文本内容的左或右侧对齐的图片(就像博客评论或 Twitter 消息等)。我们可以在组件中使用图文混排,图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。 媒体对象轻量标记、易于...

七月31日

Bootstrap教程 各种进度条实例

作者:大树 | 分类:BootStrap | 浏览:78次   
0人评论

通过Bootstrap来创建进度条是个非常简单事情,我们只要加载一个类就可以, 通过这些简单、灵活的进度条,为当前工作流程或动作提供实时反馈。 跨浏览器兼容性 进度条组件使用了 CSS3 的 transition 和 animation 属性来完成一些特效。这些特性在 Internet Explorer 9 或以下版本中、Firefox 的老版本中没有被支持。Ope...

七月25日

Bootstrap教程:页头(Page Header)

作者:大树 | 分类:BootStrap | 浏览:81次   
0人评论

页面标题(Page Header) 是个不错的功能,它会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时,页面标题这个功能就显得特别有用。如需使用页面标题(Page Header),请把您的标题放置在带有 class .page-header 的 div 中. 页头组件能够为 h1 标签增加适当的空间,并且与...

七月22日

Bootstrap教程:徽章(Badges)

作者:大树 | 分类:BootStrap | 浏览:80次   
0人评论

  给链接、导航等元素嵌套 <span class="badge"> 元素,可以很醒目的展示新的或未读的信息条目。徽章与标签相似,主要的区别在于徽章的边角更加圆滑。徽章(Badges)主要用于突出显示新的或未读的项。如需使用徽章,只需要把 <span class="badge">添加到链接、Bootstrap 导航等这些元素上即可。 ...

七月1日

Bootstrap教程: 面包屑导航(Breadcrumbs)路径导航

作者:大树 | 分类:BootStrap | 浏览:104次   
0人评论

  面包屑导航(Breadcrumbs)是一种基于网站层次信息的显示方式。以博客为例,面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。 Bootstrap 中的面包屑导航(Breadcrumbs)是一个简单的带有 .breadcrumb class 的无序列表。分隔符会通过 CSS(bootstrap.min.css)中下面所示的 ...

六月14日

Bootstrap教程:标签

作者:大树 | 分类:BootStrap | 浏览:89次   
0人评论

标签 可用于计数、提示或页面上其他的标记显示。使用 class .label 来显示标签 实例 <h1>Example Heading <span class="label label-default">Label</span></h1> <h2>Example Heading <span class="label label-default">Label</span></h2> <h3&g...

站内搜索

css.php