bootstrap3的jumbotron和glyphicon glyphicon-*的用法

1、jumbotron相对应的2.3的版本是hero-unit

2、glyphicon-* 相对应的2.3版本是icon-*

用glyphicon-*的时候要注意写作方式，这个方式的必须在引用图标时候前面必须加个glyphicon

例如：<div class="glyphicon glyphicon-circle-arrow-right"></div>

3、实验代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="dist/css/bootstrap.css" >
<script src="dist/js/bootstrap.js"></script>
<title>无标题文档</title>
</head>
<body style="margin:100px;">
<div class="jumbotron"><h1 class="glyphicon glyphicon-circle-arrow-right">这个是glyphicon</h1><p>这个大框是jumbotron</p>
</div>
</body>
</html>

4、效果图：

bootstrap3的jumbotron和glyphicon glyphicon-*的用法相关推荐

bootstrap icon glyphicon
bootstrap2 图标用: <i class="icon-home" > 白色图标用 <i class="icon-home icon-white& ...
Bootstrap3 Font Awesome 字体图标的基本图标
基本图标 Font Awesome图标跟Glyphicon图标的用法完全相同,所有图标都需要一个基类 .fa 和对应每个图标的 .fa-* 类.只需创建一个行内元素,并为它应用图标类,即可使用Font ...
node.js ejs_如何在Node.js应用程序中使用EJS模板
node.js ejs by Jennifer Bland 詹妮弗·布兰德(Jennifer Bland) 如何在Node.js应用程序中使用EJS模板 (How to use EJS Templat ...
html仿今日头条数据列表
例子代码下载:http://download.csdn.net/detail/friendan/9503019 效果截图: 收获如下: 1.使用Respond.js解决了Bootstrap3栅格系统不 ...
【BootStrap】--折叠插件
前言研究BootStrap的折叠插件的时候,发现这个东西很方便,即能显示标题,又能查看当前页的详细内容,很适合做新生入学系统公约显示功能. 效果图点击食堂就餐公约,显示当前页,而且保证有且只有一个 ...
html自定义工具条,为Autodesk Viewer添加自定义工具条的更好方法
上一篇文章中我介绍了使用Autodesk Viewer的UI API来给viewer添加自定义工具条的方法,看起来很简单是吧.不过有个问题,就是关于自定义工具条的信息(包括按钮的文本.图标.样式.ca ...
关于bootstrap的treeview不显示多选(复选框)的问题，以及联动选择的问题，外加多选后取值...
最近做项目用到了treeview.因为涉及到多选的问题,很是棘手,于是乎,我决定查看原生JS,探个究竟.需要引用官方的bootstrap-treeview.js都知道吧,对于所需要引用的,我就不多说了 ...
vue-cil+vuex 构建一个简单的记事本应用
学习vuex文档稍微了解了一下vuex,这个练习用于应用一下vuex.构建一个简单的单页笔记本应用,加深对vuex的理解. Demo:https://ccessl.github.io/test/ 实现 ...
Bootstrap Table的使用小结
1.Jquery中的一些东西学习一下子,补充完善一下,毕竟有些时候没有使用到这个方式很有用,在使用bootstrap table的时候,选择当前已经选择的节点的事件中的ID的值当前rows中有很 ...

bootstrap3的jumbotron和glyphicon glyphicon-*的用法

bootstrap3的jumbotron和glyphicon glyphicon-*的用法相关推荐

最新文章

热门文章