Bootstrap按钮支持的元素

支持的元素

Bootstrap中，为 <a>、<button>、<input> 元素添加按钮相关的类，就可以让它使用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">

效果如图 2‑71所示：

图2-71 按钮

需要注意的是，如果<a>元素被作为按钮使用，并用于在当前页面触发某些功能，而不是用于链接到其他页面或链接当前页面的其他部分，请务必为它设置role="button"属性。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap按钮支持的元素相关推荐

Bootstrap按钮元素使用方法
Bootstrap按钮元素样式 Bootstrap中,总共提供了六种按钮样式,分别是默认.主要.成功.信息.警告以及危险这几个样式,它们对应的类分别是btn-default.btn-primary.b ...
ASP.NET MVC使用Bootstrap系统（2）——使用Bootstrap CSS和HTML元素
ASP.NET MVC使用Bootstrap系统(2)--使用Bootstrap CSS和HTML元素阅读目录 Bootstrap 栅格(Grid)系统 Bootstrap HTML元素 Boots ...
Bootstrap按钮的状态
按钮的状态在使用过程中,每个按钮可能都会有很多状态,通过按钮的状态,可以给用户或访问者提供一些有用的反馈. Bootstrap为按钮提供了 2 种状态,分别是激活状态和禁用状态,并为不同状态定义了相 ...
Bootstrap 按钮的外观
Bootstrap提供了 .btn 类,用来定义默认的按钮效果.默认按钮是灰色背景,并带有圆角.可以为页面上的任何元素(如,<a>.<button>.<input> ...
Bootstrap 按钮状态提示
按钮 Bootstrap按钮插件需要 bootstrap-button.js 文件支持,在使用该插件之前,应该导入 jQuery 和 bootstrap-button.js 文件. Bootstrap ...
Bootstrap 按钮
基本按钮通过将button标签中的class设置为对应的类,可以将button设置为不同的css格式,首先设置类为btn,不设置情况下为默认的html按钮格式,设置后变为bootstrap的基本按钮 ...
Boostrap_响应式导航栏，点击汉堡按钮遮盖下方元素
Boostrap_响应式导航栏,点击汉堡按钮遮盖下方元素官网那个是直接把其他元素挤到下面了根据这个大哥的源码改了改:https://blog.csdn.net/mazhili1991/articl ...
bootstrap 按钮颜色属性
bootstrap 按钮颜色属性有几种转载于:https://www.cnblogs.com/HUIWANG/p/11027889.html
Bootstrap 按钮组
按钮组允许多个按钮被堆叠在同一行上.当你想要把按钮对齐在一起时,这就显得非常有用.您可以通过 Bootstrap 按钮(Button) 插件添加可选的 JavaScript 单选框和复选框样式行为. ...

Bootstrap按钮支持的元素

支持的元素

Bootstrap按钮支持的元素相关推荐

最新文章

热门文章