bootstrap系列之六按钮

最新推荐文章于 2017-08-06 12:19:34 发布

叶菩提

最新推荐文章于 2017-08-06 12:19:34 发布

阅读量327

点赞数

分类专栏： JAVAEE 文章标签： bootstrap

本文链接：https://blog.csdn.net/yeputi1015/article/details/76726682

版权

JAVAEE 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

效果

	<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>