15-按钮

在bootstrap中除了input type=button可以作为按钮,其他的一些元素也可以配置为按钮。

为 <a>、<button> 或 <input> 元素添加按钮类(button class)即可使用 Bootstrap 提供的样式。

<a class="btn btn-default" href="#" role="button">Link</a> 
<button class="btn btn-default" type="submit">Button</button> 
<input class="btn btn-default" type="button" value="Input"> 
<input class="btn btn-default" type="submit" value="Submit">Code language: HTML, XML (xml)

另外,可以给按钮设置颜色等样式:

<button type="button" class="btn btn-default">(默认样式)Default</button>Code language: HTML, XML (xml)

除了default,还有:btn-primary、btn-success、btn-info、btn-warning、btn-danger、btn-link。

另外还可以设置大小:

<button type="button" class="btn btn-primary btn-lg">(大按钮)Large button</button>Code language: HTML, XML (xml)

此外还有:btn-sm、btn-xs。

设置按钮的激活状态:

<button type="button" class="btn btn-default btn-lg active">Button</button>Code language: HTML, XML (xml)

连接按钮,a标签的按钮点击可以跳转到一个地址,带href:

<a href="#" class="btn btn-primary btn-lg active" role="button">Primary link</a>Code language: HTML, XML (xml)

禁用状态:

<button type="button" class="btn btn-default btn-lg" disabled="disabled">Button</button>Code language: HTML, XML (xml)

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注