Bootstrap排版与段落

最新推荐文章于 2022-09-11 23:40:53 发布

翘麦力

最新推荐文章于 2022-09-11 23:40:53 发布

阅读量743

点赞数

分类专栏： bootstrapandecharts 文章标签： bootstrap

本文链接：https://blog.csdn.net/Candx2/article/details/113697001

版权

bootstrapandecharts 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

内联子标题
添加或者添加.small class
实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关闭按钮</title>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <h1>1</h1>
    <small>1</small>
    <p class=".small">1</p>
    <h2>2</h2>
    <small>2</small>
    <h3>3</h3>
    <small>3</small>
    <h4>4</h4>
    <small>4</small>
    <h5>5</h5>
    <small>5</small>
    <h6>6</h6>
    <small>6</small>
</body>
</html>

强调文本：class类
text-left 左对齐
text-center 居中
text-riight 右对齐
text-muted 提示灰色
text-primary 主要蓝色
text-success 成功浅绿色
text-info 通知信息浅蓝色
text-warning 警告黄色
text-danger 危险褐色

缩写：
<abbr title=""> </abbr>

地址
<address></address>可以在网页上显示联系方式

引用：
Blockquote

无序列表
.list-unstyled 移除样式
.list-inline 把所有列表项放在同一行

.lead 使段落突出显示
.small 设小文本源文本的85%
.text-justify 设置文本对齐超出屏幕部分自动换行
.text-nowrap 段落超出屏幕不换行
.text-lowercase 设置文本小写
.text-uppercase 设置文本大写
.dl-horizontal 设置浮动偏移应用于dldt