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来设置按钮大小的;

    效果图:

  • 相关阅读:
    二分制--找最小值去重
    angular过滤 排序问题
    div+css背景渐变色代码
    angular中对象与字符串之间的转换
    AMD模块
    jquery.validate
    谈谈js中深度克隆和浅度克隆
    还在使用git吗?不妨来看看如何使用git管理版本
    闭包
    js复习
  • 原文地址:https://www.cnblogs.com/tenWood/p/6136007.html
Copyright © 2011-2022 走看看