Bootstrap 全局CSS样式： 按钮类的使用

作者: WangMin
格言: 努力做好自己喜欢的每一件事
CSDN原创文章
博客地址 👉 WangMin

可作为按钮使用的标签或元素

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

<a href="" class="btn btn-default" role="button">link 链接</a>
<button class="btn btn-default" type="submit">button 按钮</button>
<input type="button" class="btn btn-default" value="input">
<input type="submit" class="btn btn-default" value="submit">

注意 ：
（1）虽然按钮类可以应用到<a>和<button>元素上，但是，导航和导航条组件只支持<button>元素。
（2）如果<a>元素被作为按钮使用， 并用于在当前页面触发某些功能，而不是用于链接其他页面或链接当前页面中的其他部分，那么，必须给 a 标签添加role="button"属性。

---

预定义样式

使用下面列出的类可以快速创建一个带有预定义样式的按钮。

<button type="button" class