bootstrap 按钮文本浮动隐藏

时间：2019-06-22 13:24:01 阅读：118 评论：0 收藏：0 [点我收藏+]

标签：隐藏 default war led 样式 htm 状态 invisible 颜色

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="dist/css/bootstrap.css">
</head>

<body>
    <div class="container">

        <p class="btn-primary">按钮颜色与大小</p>
        <button class="btn btn-default" type="button">Default</button>
        <button class="btn btn-primary" type="button">primary</button>
        <button class="btn btn-success" type="button">success</button>
        <button class="btn btn-info" type="button">info</button>
        <button class="btn btn-warning" type="button">warning</button>
        <button class="btn btn-danger" type="button">danger</button>
        <button class="btn btn-link" type="button">link</button>
        <button class="btn btn-default" type="button">Default</button>
        <button class="btn btn-default btn-lg" type="button">Default btn-lg</button>
        <button class="btn btn-default btn-sm" type="button">Default btn-sm</button>
        <button class="btn btn-default btn-xs" type="button">Default btn-xs</button>
        <button class="btn btn-default btn-block" type="button">Default-btn-block</button>
        <p class="btn-primary">活动状态</p>
        <button class="btn btn-default active" type="button">Default</button>
        <button class="btn btn-primary active" type="button">primary</button>
        <button class="btn btn-success active" type="button">success</button>
        <button class="btn btn-info active" type="button">info</button>
        <button class="btn btn-warning active" type="button">warning</button>
        <button class="btn btn-danger active" type="button">danger</button>
        <button class="btn btn-link active" type="button">link</button>
        <p class="btn-primary">禁用状态</p>
        <button class="btn btn-primary" type="button" disabled="disabled">button disabled</button>
        <button class="btn btn-primary disabled " type="button">button disabled</button>
        <p class="btn-primary">图像</p>
        <img class="img-rounded" src="a.jpg">
        <img class="img-circle" src="a.jpg">
        <img class="img-thumbnail" src="a.jpg">
        <p class="btn-primary">文本样式及背景样式</p>
        <p class="text-muted">text-muted</p>
        <p class="text-primary">text-primary</p>
        <p class="text-success">text-success</p>
        <p class="text-info">text-info</p>
        <p class="text-warning">text-warning</p>
        <p class="text-danger">text-danger</p>
        <p class="text-danger">text-danger</p>
        <p class="bg-primary">bg-primary</p>
        <p class="bg-success">bg-success</p>
        <p class="bg-info">bg-info</p>
        <p class="bg-warning">bg-warning</p>
        <p class="bg-danger">bg-danger</p>
        <p class="bg-primary">辅助图标</p>
        <button class="close" type="button">close</button>
        <a href="" class="close">close</a>
        <span class="caret">close</span>
        <p class="bg-primary">内容浮动</p>
        <p class="pull-left">pull-left</p>
        <p class="pull-right">pull-right</p>
        <p class="clearfix">clearfix</p>
        <p class="center-block">center-block</p>
        <p class="bg-primary">隐藏与显示</p>
        <p class="show">show</p>
        <p>before invisible</p>
        <p class="invisible">invisible</p>
        <p>after invisible</p>
        <p>before hidden</p>
        <p class="hidden">hidden</p>
        <p>after hidden</p>
        <p>before text-hide</p>
        <p class="text-hide">text-hide</p>
        <p>after text-hide</p>
    </div>
</body>

</html>

bootstrap 按钮文本浮动隐藏

标签：隐藏 default war led 样式 htm 状态 invisible 颜色

原文地址：https://www.cnblogs.com/cui-ting/p/11068501.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

bootstrap 按钮 文本 浮动 隐藏

bootstrap 按钮文本浮动隐藏