<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="bootstrap.min.css"> </head> <body> <button class="btn btn-success">success</button> <button class="btn btn-danger">danger</button> <button class="btn btn-info">info</button> <button class="btn btn-warning">warning</button> <button class="btn btn-primary">primary</button> <button class="btn btn-link">link</button> <button class="btn btn-block">block</button>/**block 充满父级标签**/ <div> <botton class="btn btn-info btn-lg">大</botton> <botton class="btn btn-info">默认</botton> <botton class="btn btn-info btn-sm">小</botton> <botton class="btn btn-info btn-xs">最小</botton> <a href="#" class="btn btn-lg"></a><!--a的相关和botton一样--> </div> </body> </html>