设为首页 加入收藏

TOP

响应式布局和BootStrap 全局CSS样式(二)
2019-09-17 18:55:52 】 浏览:67
Tags:响应 布局 BootStrap 全局 CSS 样式
ootstrap heading <small>Secondary text</small></h6> </div>
复制代码

 

 
通过lead类可以让段落突出显示:
 
复制代码
 1   <div >
 2         You can use the mark tag to <mark>highlight 高亮</mark> text.
 3         <hr/>
 4         <del>被删除 This line of text is meant to be treated as deleted text.</del>
 5         <hr/>
 6         <s>无用This line of text is meant to be treated as no longer accurate.</s>
 7         <hr/>
 8         <ins>额外插入的文本This line of text is meant to be treated as an addition to the document.</ins>
 9         <hr/>
10         <u>带下划线的文本This line of text will render as underlined</u>
11         <hr/>
12         <small>小号文本his line of text is meant to be treated as fine print.</small>
13         <hr/>
14         <strong>强调一段endered as bold text</strong>
15         <hr/>
16         <em> 斜体 rendered as italicized text</em>
17         <hr/>
18         <p class="text-left">Left aligned text.</p>
19         <p class="text-center">Center aligned text.</p>
20         <p class="text-right">Right aligned text.</p>
21         <p class="text-justify">Justified text.</p>
22         <p class="text-nowrap">No wrap text.</p>
23 
24         <hr/>
25         改变大小写
26         <p class="text-capitalize">
27         <p class="text-lowercase">全部小写 Lowercased text.</p>
28         <p class="text-uppercase">全部大写 Uppercased text.</p>
29         <p class="text-capitalize">首字母大写 capitalized text.</p>
30 
31         <hr/>
32         缩略语
33         <abbr title="attribute">attr</abbr>
34         <abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
35         <hr/>
36         <address>
37             <strong>Twitter, Inc.</strong><br>
38             795 Folsom Ave, Suite 600<br>
39             San Francisco, CA 94107<br>
40             <abbr title="Phone">P:</abbr> (123) 456-7890
41         </address>
42 
43         <hr/>
44         <address>
45             <strong>Full Name</strong><br>
46             <a href="mailto:#">first.last@example.com</a>
47         </address>
48 
49         <hr/>
50         <blockquote>
51             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
52         </blockquote>
53     </div>
复制代码

 

 
 引用:
复制代码
 1 <div class="container">
 2     <blockquote>
 3         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 4     </blockquote>
 5 
 6     <blockquote>
 7         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 8         <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
 9     </blockquote>
10 
11     <blockquote class="blockquote-reverse">
12         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
13     </blockquote>
14 </div>
复制代码

 
复制代码
 1     无序列表
 2     <ul>
 3         <li>hello1</li>
 4         <li>hello2</li>
 5         &l
首页 上一页 1 2 3 下一页 尾页 2/3/3
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇将从mysql数据库查询的信息,遍历.. 下一篇Grafana+Prometheus系统监控之web..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目