在 Bootstrap框架中，按钮是一个核心要素。因为在Web的制作中，按钮是必不可少的。而且，每个网页的按钮样式都不一样，甚至可以说，同一网页或应用的按钮样式也是多种多样的，例如按钮的颜色、大小、状态等等。下面给大家分享一下bootstrap按钮颜色属性有哪些。

bootstrap按钮长用的颜色属性有7种，分别是深蓝色，浅蓝色，红色，绿色，黄色，黑色，白色，对应的class分别为：

btn btn-info（深蓝色）

btn btn-primary（浅蓝色）

btn btn-danger（红色）

btn btn-success（绿色）

btn btn-warning（黄色）

btn btn-inverse（黑色）

btn（白色）

下面是本站正在使用的部分按钮代码文本，大家可以作为参考

<h3><span style="font-size: 21px;"><strong> 下载地址：</strong></span></h3>
<h1>  <a class="btn btn-primary" href="链接地址" target="_blank" rel="noopener"><span style="font-size: 20px;"><strong>按钮名称</strong></span></a>      <a class="btn btn-success" href="链接地址" target="_blank" rel="noopener"><span style="font-size: 20px;"><strong>按钮名称</strong></span></a></h1>
<h1>  <a class="btn btn-info" href="链接地址" target="_blank" rel="noopener"><span style="font-size: 20px;"><strong>按钮名称</strong></span></a>      <a class="btn btn-warning" href="链接地址" target="_blank" rel="noopener"><span style="font-size: 20px;"><strong>按钮名称</strong></span></a></h1>
<h1>  <a class="btn btn-danger" href="链接地址" target="_blank" rel="noopener"><span style="font-size: 20px;"><strong>按钮名称</strong></span></a>      <a class="btn btn-inverse" href="链接地址" target="_blank" rel="noopener"><span style="font-size: 20px;"><strong>按钮名称</strong></span></a></h1>

 按钮的展示效果如下：

  艺本书网      技术博客

  网站建设      智能家居

  网站源码      科技资讯