livelove
2016-03-23 20:50
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>定制风格</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<button type="button">基础按钮.btn</button>
<button class="btn btn-default:hover" type="button">默认按钮.btn-default</button>
<button class="btn btn-primary" type="button">主要按钮.btn-primary</button>
<button class="btn btn-success" type="button">成功按钮.btn-success</button>
<button class="btn btn-info" type="button">信息按钮.btn-info</button>
<button class="btn btn-warning" type="button">警告按钮.btn-warning</button>
<button class="btn btn-danger:focus" type="button">危险按钮.btn-danger</button>
<button class="btn btn-link:active" type="button">链接按钮.btn-link</button>
</body>
</html>
变化是这样的么????感觉都一样啊?焦点状态和悬浮状态一样的?能告知到底是什么意思不?感谢~
悬浮状态 鼠标在按钮上悬浮时触发,鼠标移开后移除样式
焦点状态 鼠标点击按钮,按钮获得焦点后触发,鼠标移开后样式依然存在,按钮失去焦点后移除样式
正确写法应该是这样的<button class="btn btn-link active" type="button">链接按钮.btn-link</button>
没有冒号的
玩转Bootstrap(基础)
314544 学习 · 2275 问题
相似问题