其他分享
首页 > 其他分享> > 按钮

按钮

作者：互联网

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="bootstrap.css">
</head>
<body>
    <div class="container">
        <!-- 按钮的颜色 -->
        <button type="button" class="btn btn-default">默认</button>
        <button type="button" class="btn btn-primary">primary</button>
        <button type="button" class="btn btn-success">success</button>
        <button type="button" class="btn btn-warning">warning</button>
        <button type="button" class="btn btn-info">info</button>
        <button type="button" class="btn btn-link">link</button>
        <button type="button" class="btn btn-danger">danger</button>
        <br><br><br>
        <!-- 按钮大小 -->
        <button type="button" class="btn btn-default btn-lg">默认</button>
        <button type="button" class="btn btn-default ">默认</button>
        <button type="button" class="btn btn-default btn-sm">默认</button>
        <button type="button" class="btn btn-default btn-xs">默认</button>
        <br><br><br>
        <!-- btn-block铺满父级容器 -->
        <button type="button" class="btn btn-info btn-block">默认</button>
    </div>

</body>
</html>

这里写图片描述

标签：info,success,danger,primary,默认,warning,按钮
来源： https://blog.51cto.com/u_12784254/2875634