排版
标题
主标题
h1-h6:<h1>一级标题</h1>
副标题
有2中写法,推荐 <small>
<h1>一级主标题 <small> 一级副标题 </small> </h1>
<h1>一级主标题 <span class='small'>一级副标题</span> </h1>
文字强调
斜体
<em> 哦, 我居然是斜的 </em>
加粗
<strong> I'm very Black? </strong>
变小(85%与父容器)
<small> 还是我small标签 </small>
文字排版(居中,居左,居右)
<p class='text-left' > 文本居左的默认效果 </p>
<p class='text-center' > 文本居中的样子,Is't Cool? </p>
<p class='text-right' > 文本居右对齐! </p>
文字颜色强调(p,s,i,w,d,m)
1-6:主要强调,成功提示,一般信息,警告文本,危险提示,减弱文本
<p class='text-primary' > This has primary class Text! </p>
<p class='text-success' > This has success class Text! </p>
<p class='text-info' > This has info class Text ! </p>
<p class='text-warning' > This has warning class Text ! </p>
<p class='text-danger' > This has danger class Text ! </p>
<p class='text-muted' > Thies has muted class Text ! </p>
缩写
<abbr title='完整文本是我,我很长所以缩写了,对,就是你要的15字' > HoverHere </abbr><br/>
<abbr title='完整文本是我,我很长所以缩写了,对,就是你要的15字' class='initialism' > 比上面细 </abbr>
地址标签address,没啥用啊…..
<address>
<strong>Name:Gudqs</strong><br/>
<em>Address:No Address,no home....</em>
<abbr title='Phone'>P</abbr>:110119120112114
</address>
引用<blockquote>
1:简单引用
2.带原文出处
3.右下角引用
<blockquote>
我旁边有个竖线,说明我是引用!
</blockquote>
<blockquote>
我旁边有个竖线,说明我是引用!
<small>沃孜基.硕德</small>
</blockquote>
<blockquote class='pull-right'>
我旁边有个竖线,说明我是引用!
<small>沃孜基.硕德</small>
</blockquote>
列表(ul,ol,dl)
值得一说的是内嵌列表(类似于导航栏的雏形,大概用了浮动)
以及竖向水平的定义列表
<h4>有序列表</h4>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ol>
<h4>无序列表</h4>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
<h4>未定义样式列表</h4>
<ul class="list-unstyled">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
<h4>内联列表</h4>
<ul class="list-inline">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
<h4>定义列表</h4>
<dl>
<dt>Description 1</dt>
<dd>Item 1</dd>
<dt>Description 2</dt>
<dd>Item 2</dd>
</dl>
<h4>水平的定义列表</h4>
<dl class="dl-horizontal">
<dt>Description 1</dt>
<dd>Item 1</dd>
<dt>Description 2</dt>
<dd>Item 2</dd>
</dl>
代码与代码
可以与其他标签放一起内联的代码块
<p>我是<code>内联块</code>才怪嘞!</p>
获取你需要多行代码显示:
<pre>
public void static main(String []args){
System.out.print('I want to be a Full-statck programer!')!
}
</pre>
上面有啥错?