bootstrap系列之六按钮

来源：互联网发布：知乎女神王诺诺是谁编辑：程序博客网时间：2024/06/06 03:01

效果

<body><div class="container"><button type="button" class="btn btn-info">大家好</button><!-- Standard button --><button type="button" class="btn btn-default btn-lg">（默认样式）Default</button><!-- Provides extra visual weight and identifies the primary action in a set of buttons --><button type="button" class="btn btn-primary btn-sm">（首选项）Primary</button><!-- Indicates a successful or positive action --><button type="button" class="btn btn-success btn-xs">（成功）Success</button><!-- Contextual button for informational alert messages --><button type="button" class="btn btn-info">（一般信息）Info</button><!-- Indicates caution should be taken with this action --><button type="button" class="btn btn-warning">（警告）Warning</button><hr /><!-- Indicates a dangerous or potentially negative action --><button type="button" class="btn btn-danger btn-block">（危险）Danger</button><hr /><!-- Deemphasize a button by making it look like a link while maintaining button behavior --><button type="button" class="btn btn-link">（链接）Link</button><hr /><a href="http://www.baidu.com" class="btn btn-danger btn-lg disabled"role="button">大家好</a><a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a><a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a></div></body>

阅读全文

0 0