如何使用Bootstrap 按钮实例详解

发布时间:2017-04-13 15:44 编辑:站点网
效果

图片:4.png

700)this.width=700;" style="max-width:700px;" title="点击查看原图" onclick="if(this.parentNode.tagName!='A') window.open('https://www.javascriptcn.com/attachment/1704/thread/14_1_1d2ee2529cc3ca6.png');" />
按钮状态Bootstrap 提供了激活、禁用等按钮状态的 class,下面将进行详细讲解。激活状态按钮在激活时将呈现为被按压的外观(深色的背景、深色的边框、阴影)。

图片:5.png

700)this.width=700;" style="max-width:700px;" title="点击查看原图" onclick="if(this.parentNode.tagName!='A') window.open('https://www.javascriptcn.com/attachment/1704/thread/14_1_f704f1e0e2540aa.png');" />
下表列出了让按钮元素和锚元素呈激活状态的 class:<p> <button type="button" class="btn btn-default btn-lg ">默认按钮</button> <button type="button" class="btn btn-default btn-lg active">激活按钮</button> </p> <p> <button type="button" class="btn btn-primary btn-lg ">原始按钮</button> <button type="button" class="btn btn-primary btn-lg active">激活的原始按钮</button> </p>
更多相关内容:
    无相关信息