bootstrap-按鈕樣式


<div class="container">
	<!-- 按鈕的背景色 -->
	<div class="row">
		<button class="btn btn-default">確定</button>
		<button class="btn btn-primary">確定</button>
		<button class="btn btn-success">確定</button>
		<button class="btn btn-info">確定</button>
		<button class="btn btn-warning">確定</button>
		<button class="btn btn-danger">確定</button>
		<button class="btn btn-link">確定</button>
	</div>

	<!-- btn-block 讓按鈕的寬度變為100%,成為塊級元素-->
	<div class="row" style="margin-top: 20px">
		<button class="btn btn-primary btn-block">確定</button>
	</div>

	<!-- 激活狀態-->
	<div class="row" style="margin-top: 20px">
		<button class="btn btn-primary active">確定</button>
		<a href="#" class="btn btn-warning active">確定</a>
	</div>

	<!-- 禁用-->
	<div class="row" style="margin-top: 20px">
		<button class="btn btn-primary active" disabled>確定</button>
		<button class="btn btn-info active disabled">確定</button>
		<a href="#" class="btn btn-warning">確定</a>
	</div>
</div>

可以btn-lg, btn-md, btn-sm,btn-xs來設置按鈕大小的;

效果圖:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM