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

    效果图:

  • 相关阅读:
    线程中死锁的demo
    发布.net core程序碰到的问题
    .net core Identity学习(三) 第三方认证接入
    .net Identity学习(二)OAuth
    .net core Identity学习(一)注册登录
    Git常用操作
    log4net使用
    c#中的Quartz
    jquery中的deferred
    .net core应用部署在IIS上
  • 原文地址:https://www.cnblogs.com/tenWood/p/6136007.html
Copyright © 2011-2022 走看看