Bootstrap排版中地址与引用详解

　　地址元素address

　　我们的地址在HTML5中增加了一个address标签，可以把我们的地址写在address标签里面，address里面强调换行等等都是可以的。

　　实例：

Twitter, Inc.

795 Folsom Ave, Suite 600

San Francisco, CA 94107

<abbr title="Phone">P:</abbr> (123) 456-7890

</address>

Full Name

<a href="mailto:#">first.last@example.com</a>

</address>

　　运行结果：

　　这是html5增加的这个标签，只是Bootstrap对这个标签里的文字做了简单的样式。我们可以来查看这个样式ctrl+F

　　引用blockquote

　　1.引用什么意思呢？

　　比如我们要引用一篇文章一篇诗词，它会在引用的左边打一道竖线，就表示这个内容是来自于网上或是其它的什么地方。

　　2.演示操作

<blockquote class="pull-right"> //决定这条线和引用的文本是在左边还是在右边

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。目前,Bootstrap最新版本为3.0...

<cite>来自bootstrap中文网</cite>

</blockquote>

　　3.运行效果，因为我们定义的是"pull-right"所以是右对齐的方式，右边会有一道竖线，“来自bootstrap中文网”用斜体来强调了一下。

4.我们也可以用small标签

5.运行效果（字体看上去好像要比之前的小）

6.引用Bootstrap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>

</blockquote>

原文链接：http://www.maiziedu.com/wiki/bootstrap/address/

转载于:https://www.cnblogs.com/maizi008/p/6023868.html

Bootstrap排版中地址与引用详解相关推荐

详解 Linux环境中DHCP分配IP地址（实验详解）
Linux中DHCP小实验详解一.DHCP中继概述二.DHCP在linux系统中的相关配置 1.配置DHCP服务器 2.设置全局配置参数 3.subnet网段声明 4.host主机声明三.实验例 ...
PLC通信中的IP地址和子网掩码详解
PLC通信中的IP地址和子网掩码详解 IP地址是我们在网际层进行数据传输时一种逻辑编址. IPV4协议中,是使用4个字节来进行标识的,每个字节以10进制数进行表示. 主要包含两大类:网络地址和主机地址 ...
python编译器怎么运行不在路径中的py文件_对python当中不在本路径的py文件的引用详解...
众所周知,如果py文件不在当前路径,那么就不能import,因此,本文介绍如下两种有效的方法: 方法1: 修改环境变量,在~/.bashrc里面进行修改,然后source ~/.bashrc 方法2: ...
c++中vector的用法详解
c++中vector的用法详解 vector(向量): C++中的一种数据结构,确切的说是一个类.它相当于一个动态的数组,当程序员无法知道自己需要的数组的规模多大时,用其来解决问题可以达到最大节约空间 ...
PHP之PHP文件引用详解
HP的文件引用涉及到四个函数: 文件引用 1.include() 2.include_once() 3.require() 4.require_once() 这四个函数常常会给PHP初学者造成困扰,总 ...
python爬虫多线程是什么意思_python爬虫中多线程的使用详解
queue介绍 queue是python的标准库,俗称队列.可以直接import引用,在python2.x中,模块名为Queue.python3直接queue即可在python中,多个线程之间的数据 ...
C++ 中的this指针详解及实例
C++ 中的this指针详解及实例这篇文章主要介绍了C++ 中的this指针详解及实例的相关资料,this指针是类的一个自动生成.自动隐蔽的私有成员,它存在于类的非静态成员中,指向被调用函数所在的对 ...
一个获取ip地址的命令详解
今天在看师兄写的一个安装脚本文件,虽然之前学了不少bash知识.不是太熟练,打算练练手,可是这个命令折磨了我好久.索性花点时间把它弄清楚.awk这个工具语言的难度,我是体会到了.写正则表达式的都是什么 ...
java中list和map详解
java中list和map详解一.概叙 List , Set, Map都是接口,前两个继承至Collection接口,Map为独立接口, List下有ArrayList,Vector,LinkedL ...

Bootstrap排版中地址与引用详解

Bootstrap排版中地址与引用详解相关推荐

最新文章

热门文章