bootstrap-2-button的学习

来源：互联网发布：淘宝网络销售授权书编辑：程序博客网时间：2024/05/17 03:30

button的学习：

<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Bootstrap 101 Template</title><link href="css/bootstrap.min.css" rel="stylesheet"></head><body><!-- 不同形式大小的的按钮 --><button type="button" class="btn btn-default">按钮</button><!-- 大号的按钮 --><button type="button" class="btn btn-primary btn-lg">primary</button><button type="button" class="btn btn-info">信息</button><!-- 中号的按钮 --><button type="button" class="btn btn-warning btn-sm">提示</button><button type="button" class="btn btn-danger">取消</button><button type="button" class="btn btn-link">连接</button><!-- 小号的button --><button type="button" class="btn btn-success btn-xs">确认</button><hr><!-- 将链接变成button样式 --><a class="btn btn-default" href="#" role="button">link</a><!-- 渲染submit为button --><button class="btn btn-default" type="submit">button</button><!-- 在按钮上设置图标 --><button type="button" class="btn btn-default"><span class="glyphicon glyphicon-play-circle"></span>&nbsp;按钮</button><script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"/><script src="js/bootstrap.min.js"/></body></html>

这里写图片描述

0 0