文本样式
切记!!一定要先引入bootstrap样式文件
背景样式
按钮样式
1、按钮颜色
写按钮颜色之前得在class中添加btn类名代表为按钮添加基本样式,添加完毕过后再写里面的样式
例如:
<button type="button" class="btn btn-default">默认按钮</button>
以下是类名所对应的按钮样式
<button class="btn btn-default">默认按钮</button> <button type="button" class="btn btn-primary">原始按钮</button> <button type="button" class="btn btn-success">成功按钮</button> <button type="button" class="btn btn-info">信息按钮</button> <button type="button" class="btn btn-warning">警告按钮</button> <button type="button" class="btn btn-danger">危险按钮</button> <button type="button" class="btn btn-link">链接按钮</button>
效果如下:
还有一些常用的其他的样式
<button class="btn btn-default">标准按钮</button> <button type="button" class="btn btn-lg btn-danger">大按钮</button> <button type="button" class="btn btn-sm btn-info">小按钮</button> <button type="button" class="btn btn-xs btn-info">超小按钮</button> <div class="container"> <button type="button" class="btn btn-block btn-info">块元素按钮</button> <!-- .btn-block 类制作一个块级按钮(拉伸至父元素100%的宽度) --> </div>
禁用:disabled