Bootstrap(well页数标签角标巨幕)

1、well
well是一种具有凹陷效果的内容显示元素，只需要给元素添加class = well即可
还可以通过class调整well的尺寸
-.well-lg
-.well-sm
注意，上面两个类，需要与well结合使用

2、页数
-pagination,通过该类，可以显示页码效果，可以通过给li添加.disabled或.active来表示不同的页面效果
-.pager实现翻页按钮，可以通过给li添加.previous和.next实现将连接左右对齐

3、标签
标签可用于技术，使用.label来显示标签
可以通过.label-default、.label-success、.label-danger、.label-warning、.label-info添加不同的样式

4、角标
类似聊天软件中的未读消息提示
通过.badge类实现
当角标元素没有内容时，可以通过样式让其消失
.badge-empty{
display:none;
}

5、巨幕
用于展示网页中的主要内容，通过.jumbostron类实现巨幕效果，其实就是放大字体
可以通过在巨幕元素中的子元素嵌套一个container容器，以获取更大的显示区域

Bootstrap(well页数标签角标巨幕)相关推荐

android+仿qq未读消息数量,仿qq自定义未读消息数显示角标
66FF020E13B921CB19C7542F4801AF43.png 如图所示,我们需要实现的效果在消息tab上,是一个组合的自定义view,具体实现如下 android:layout_widt ...
Echarts 问题解决 —— 设置图例、提示框上下角标；坐标轴文字过多显示不全、文字竖直一列显示、让坐标轴类目隔一个换一行；
目录 1.设置图例.提示框上下角标 1.1 修改弹框内容的方法 1.2 修改图例文字的方法 1.3 在 rich 中单独设置角标 1.4 实战 2.坐标轴文字过多显示不全 2.1 方法一:将坐标轴上 ...
POI 复制不同Sheet合成Excel文件，完美解决单元格样式和角标问题
项目背景: 1.需要从不同的Excel模板中读取Sheet,生成到汇总的Excel文件中 2.Excel格式是 Office2007版本,xlsx格式 3.需要将模板文件的内容和格式,拷贝到新的文件 ...
Android系统应用图标显示未读消息数(BadgeNumber) 桌面app图标的角标显示
转载请标明出处:http://blog.csdn.net/xx326664162/article/details/51082574 文章出自:薛瑄的博客你也可以查看我的其他同类文章,也会让你有一定的 ...
Bootstrap tab页签刷新加载不显示，只有点击其他标签后第一个才显示
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示解决方法: 在tab-content里面的tab-pane中添加active  < ...
android图标未读消息,Android系统应用图标显示未读消息数(BadgeNumber) 桌面app图标的角标显示...
原理添加角标的原理就是发送一个Broadcast(广播),在广播的Intent中指定需要被添加角标的应用的packageName(包名),className(类名),count(角标数目).当然了, ...
CSS：使用线性渐变实现标签右上角三角形角标效果/HTML上标、下标
需求描述想要实现标签右上角带有三角形角标的效果,且不希望使用图标或新建div实现角标效果,效果如图: 实现思路可以将标签右上角的三角形角标理解为与主体颜色不同的背景色,由此想到:可以使用线性渐变实 ...
Microsoft Word的第二页开始加页码脚标，总页数减一
文章目录问题解决参考问题如何从Microsoft Word的第二页开始加页码脚标,Page x of y,这里y是总页数减一. 解决首先把文档分成两段,设置Section Break,第一 ...
怎样取消页眉和页脚？怎样取消页码？怎样从第三页开始添加页码？怎样加注释的角标？怎样写①……⑨以后的数字？来源：陶宁♬︵☆︵的日志
在写论文的过程中,我们常常会遇到一些小麻烦,如题所说,下面我们来一一解答~~ 1.怎样取消页眉和页脚? 答:1.双击页眉或页脚的位置,自动调出工具栏.删除页眉与页脚的内容,再关闭工具栏. 2.格式- ...

Bootstrap(well页数标签角标巨幕)

Bootstrap(well页数标签角标巨幕)相关推荐

最新文章

热门文章