本文给大家介绍按钮标签的实例代码,具体内容如下:
通过将按钮类添加到& lt; a>,,& lt; button>,,& lt; input>来实现按钮样式
& lt;一个类=" btn btn-default " href=" https://www.yisu.com/zixun/" rel==鞍磁ァ北取巴獠縩ofollow”作用;Link
& lt;按钮类=癰tn btn-default”类型=疤峤弧弊４荁utton
& lt;输入类=" btn btn-default " type="按钮" value=" https://www.yisu.com/zixun/Input "比;
& lt;输入类=癰tn btn-default”类型=疤峤弧眝alue=" https://www.yisu.com/zixun/Submit "在
仅仅& lt; button>适用于导航条以及导航条控件
如果& lt; a>被作为按钮使用而不是链接,请注意添加角色=鞍磁ァ?/p>
高度推荐使用& lt; button>
<强>选项
& lt; !——标准按钮——比;
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-default祝辞Default
& lt; !——提供额外的视觉重量和标识的主要行动在一组按钮——比;
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-primary祝辞Primary
& lt; !——表示成功或积极的行动比;
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-success祝辞Success
& lt; !上下文信息预警消息按钮,在
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-info祝辞Info
& lt; !——表示谨慎应该采取这个行动比;
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-warning祝辞Warning
& lt; !——表示危险或潜在负面作用比;
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-danger祝辞Danger
& lt; !——减少一个按钮,使其看起来像一个链接,同时保持按钮行为——比;
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-link祝辞Link
<强>尺寸
通过添加.btn-lg, .btn-sm, .btn-xs来实现尺寸
& lt; p>
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-primary btn-lg”在大button
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-default btn-lg”在大button
& lt;/p>
& lt; p>
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-primary”在默认button
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-default”在默认button
& lt;/p>
& lt; p>
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-primary btn-sm”在小button
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-default btn-sm”在小button
& lt;/p>
& lt; p>
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-primary btn-xs”在额外的小button
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-default btn-xs”在额外的小button
& lt;/p>
通过添加.btn-block来实现块级按钮
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-primary btn-lg btn-block”祝辞块水平button
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-default btn-lg btn-block”祝辞块水平button
<强>激活状态
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-primary btn-lg活跃”在主要button
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-default btn-lg活跃”祝辞Button
<>强禁用状态
IE9以下无法兼容
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-lg btn-primary“禁用=敖谩痹谥饕猙utton
& lt;按钮类型=鞍磁ァ眂lass=癰tn btn-default btn-lg“禁用=敖谩弊４荁utton
以上所述是小编给大家介绍的引导3按钮标签实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
