Bootstrap 样式之 按钮

我们可以通过Bootstrap 提供的按钮样式快速的创建我们需要的按钮样式

先来看看按钮的样式

我们先来实现一下按钮，通过给元素添加样式使之成为一个按钮，例如

等等元素都可以通过添加按钮的样式变成按钮，但是一般的情况的话还是使用

来实现；

btn-default">（默认样式）Default btn-primary">（首选项）Primary btn-success">（成功）Success btn-info">（一般信息）Info btn-warning">（警告）Warning btn-danger">（危险）Danger btn-link">（链接）Link

显示效果：

我们看到一共有四种样式，一般是颜色的不同代表不同的含义；

按钮的大小也是可以调整的

通过btn-lg（大按钮）  btn-sm（小按钮）   btn-xs（特别小按钮）  可以设置三种不同的按钮大小样式

<button type="button" class="btn btn-success">默认大小的按钮button>

<button type="button" class="btn btn-success btn-lg">大按钮button>

<button type="button" class="btn btn-success btn-sm">小按钮button>

<button type="button" class="btn btn-success btn-xs">小小按钮button>

显示效果:

我们可以设置按钮的两种状态，激活 （active）和 禁用状态（disabled）

默认状态的按钮
active">激活状态的按钮
disabled">禁用状态的按钮

显示效果：