[学习笔记] BootStrap(一):排版(主副标题,文字等)

排版

标题

主标题

h1-h6:

一级标题

副标题

有2中写法,推荐

<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:主要强调,成功提示,一般信息,警告文本,危险提示,减弱文本

class='text-primary' > This has primary class Text! p>
class='text-success' > This has success class Text! p>
class='text-info' > This has info class Text ! p>
class='text-warning' > This has warning class Text ! p>
class='text-danger' > This has danger class Text ! 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:Gudqsstrong><br/>
    <em>Address:No Address,no home....em>
    <abbr title='Phone'>Pabbr>:110119120112114
address>

引用

1:简单引用
2.带原文出处
3.右下角引用

<blockquote>
    我旁边有个竖线,说明我是引用!
blockquote>


<blockquote>
    我旁边有个竖线,说明我是引用!
    <small>沃孜基.硕德small>
blockquote>


<blockquote class='pull-right'>
    我旁边有个竖线,说明我是引用!
    <small>沃孜基.硕德small>
blockquote>

列表(ul,ol,dl)

值得一说的是内嵌列表(类似于导航栏的雏形,大概用了浮动)
以及竖向水平的定义列表

<h4>有序列表h4>
<ol>
  <li>Item 1li>
  <li>Item 2li>
  <li>Item 3li>
  <li>Item 4li>
ol>
<h4>无序列表h4>
<ul>
  <li>Item 1li>
  <li>Item 2li>
  <li>Item 3li>
  <li>Item 4li>
ul>
<h4>未定义样式列表h4>
<ul class="list-unstyled">
  <li>Item 1li>
  <li>Item 2li>
  <li>Item 3li>
  <li>Item 4li>
ul>
<h4>内联列表h4>
<ul class="list-inline">
  <li>Item 1li>
  <li>Item 2li>
  <li>Item 3li>
  <li>Item 4li>
ul>
<h4>定义列表h4>
<dl>
  <dt>Description 1dt>
  <dd>Item 1dd>
  <dt>Description 2dt>
  <dd>Item 2dd>
dl>
<h4>水平的定义列表h4>
<dl class="dl-horizontal">
  <dt>Description 1dt>
  <dd>Item 1dd>
  <dt>Description 2dt>
  <dd>Item 2dd>
dl>

代码与代码

可以与其他标签放一起内联的代码块

<p>我是<code>内联块code>才怪嘞!p>

获取你需要多行代码显示:

public void static main(String []args){
    System.out.print('I want to be a Full-statck programer!')!
}

上面有啥错?