效果
<body> <div class="container"> <button type="button" class="btn btn-info">大家好</button> <!-- Standard button --> <button type="button" class="btn btn-default btn-lg">（默认样式）Default</button> <!-- Provides extra visual weight and identifies the primary action in a set of buttons --> <button type="button" class="btn btn-primary btn-sm">（首选项）Primary</button> <!-- Indicates a successful or positive action --> <button type="button" class="btn btn-success btn-xs">（成功）Success</button> <!-- Contextual button for informational alert messages --> <button type="button" class="btn btn-info">（一般信息）Info</button> <!-- Indicates caution should be taken with this action --> <button type="button" class="btn btn-warning">（警告）Warning</button> <hr /> <!-- Indicates a dangerous or potentially negative action --> <button type="button" class="btn btn-danger btn-block">（危险）Danger</button> <hr /> <!-- Deemphasize a button by making it look like a link while maintaining button behavior --> <button type="button" class="btn btn-link">（链接）Link</button> <hr /> <a href="http://www.baidu.com" class="btn btn-danger btn-lg disabled"role="button">大家好</a> <a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a> <a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a> </div> </body>