zoukankan      html  css  js  c++  java
  • 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来设置按钮大小的;

    效果图:

  • 相关阅读:
    关于Response.End的亦常
    关于web.config
    本地打印机的设置
    xml的操作
    javascript定义对象的几种简单方法
    WindowsXP下共享无线网络设置步骤
    第四章:使用Rich控件
    第五章母版页
    第八章数据访问概述
    对lock(obj)中的obj的理解
  • 原文地址:https://www.cnblogs.com/tenWood/p/6136007.html
Copyright © 2011-2022 走看看