bs按钮

bs按钮

<!DOCTYPE html>

button color

(默认样式)Default

		<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
		<button type="button" class="btn btn-primary">(首选项)Primary</button>
		
		<!-- Indicates a successful or positive action -->
		<button type="button" class="btn btn-success">(成功)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>
		
		<!-- Indicates a dangerous or potentially negative action -->
		<button type="button" class="btn btn-danger">(危险)Danger</button>
		
		<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
		<button type="button" class="btn btn-link">(链接)Link</button>
		<h2 class="page-header">Button size</h2>
		<p>
		  <button type="button" class="btn btn-primary btn-lg">(大按钮)Large button</button>
		  <button type="button" class="btn btn-default btn-lg">(大按钮)Large button</button>
		</p>
		<p>
		  <button type="button" class="btn btn-primary">(默认尺寸)Default button</button>
		  <button type="button" class="btn btn-default">(默认尺寸)Default button</button>
		</p>
		<p>
		  <button type="button" class="btn btn-primary btn-sm">(小按钮)Small button</button>
		  <button type="button" class="btn btn-default btn-sm">(小按钮)Small button</button>
		</p>
		<p>
		  <button type="button" class="btn btn-primary btn-xs">(超小尺寸)Extra small button</button>
		  <button type="button" class="btn btn-default btn-xs">(超小尺寸)Extra small button</button>
		</p>
	</div>
	
</body>
发布了12 篇原创文章 · 获赞 0 · 访问量 154
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 深蓝海洋 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览