一 : 分页效果 我们可以看到在网站上的翻页效果如下: 使用bootstrap如何实现的呢? 代码如下: 分析以上代码: 我们可以知道,实现分页我们通过 ul>li>a的结构来实现的,我们通过对ul添加class为pagination来实现的分页效果 通过ul>li>a>span来实现的上一页和下一 ...
分类:
其他好文 时间:
2017-05-13 23:25:42
阅读次数:
274
regalia [r?'ge?l??] n. 标记;徽章。王权。 词根reg-表示(使保持)直、管理和君王,与rule管理等同源。后缀-alia是后缀-al的中性复数,表things connected with。于是regalia是things connected with the rex(王)。 ...
分类:
其他好文 时间:
2017-05-01 12:54:35
阅读次数:
152
Bootstrap路径分页标签和徽章组件 学习要点: 1.路径组件 2.分页组件 3.标签组件 4.徽章组件 本节课我们主要学习一下 Bootstrap 的四个组件功能:路径组件、分页组件、标签组件 和徽章组件。 一.路径组件 路径组件也叫做面包屑导航。 面包屑导航 breadcrumb样式clas ...
分类:
其他好文 时间:
2017-04-30 18:31:13
阅读次数:
194
说明胶囊式导航内使用徽章示例<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width,initial-scale=1">
<!--..
分类:
其他好文 时间:
2017-02-15 19:37:51
阅读次数:
238
说明在按钮中使用徽章示例<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width,initial-scale=1">
<!--上述..
分类:
其他好文 时间:
2017-02-15 19:37:51
阅读次数:
164
路径分页和徽章组件 首页 产品列表 衣服 « 1 2 3 4 5 » ... ...
分类:
其他好文 时间:
2017-02-12 17:23:27
阅读次数:
141
1、Badge 默认:添加 .am-badge class 到 <div> 或者 <span> 元素。 圆角:在默认样式的基础上添加 .am-radius class。 椭圆:在默认样式的基础上添加 .am-round class。 大小:结合辅助类中的字号 class,改变徽章大小。am-text ...
分类:
其他好文 时间:
2016-12-01 14:24:54
阅读次数:
306
经常逛百度贴吧的读者们可能知道,百度在去年 12月31号晚和1月 1号晚一共爆出了3大0day跨站漏洞,都是高危级别的,2个 bug是和小游戏有关的,剩下一个是与贴吧中显示的会员徽章有关。 在说本文的 0day前,我们先来看看之前的3个 bug是怎么被发现和利用的。 首先是前 2个bug,在去年 1 ...
分类:
其他好文 时间:
2016-10-22 16:57:05
阅读次数:
265
Bootstrap入门(二十二)组件16:列表组 列表组是灵活又强大的组件,不仅能用于显示一组简单的元素,还能用于复杂的定制的内容。 1.默认样式列表组 2.加入徽章 3.链接 4.禁用的列表组 5.情景类 6.定制内容 1.默认样式列表组 最简单的列表组仅仅是一个带有多个列表条目的无序列表 效果: ...
分类:
其他好文 时间:
2016-09-21 14:22:44
阅读次数:
193
分页(pagination), 是一种无序列表 1.默认的分页(.pagination) 代码示例: 显示结果: 1.1 分页状态:禁用 disabled 和 当前 active 例如:<li class="disabled"><a href="#">禁用链接</a></li>; 链接呈现灰色禁用状 ...
分类:
其他好文 时间:
2016-08-29 22:35:32
阅读次数:
214