首页 > 代码库 > Bootstrap Css(二)
Bootstrap Css(二)
一、按钮
<!--标准的按钮--> <button type="button" class="btn btn-default">默认按钮</button> <br><br> <!--原始的按钮--> <button type="button" class="btn btn-primary">原始按钮</button> <br><br> <!--成功的按钮--> <button type="button" class="btn btn-success">成功按钮</button> <br><br> <!--警告的按钮--> <button type="button" class="btn btn-info">警告按钮</button> <br><br> <!--谨慎的按钮--> <button type="button" class="btn btn-warning">谨慎按钮</button> <br><br> <!--危险的按钮--> <button type="button" class="btn btn-danger">危险按钮</button> <br><br>
效果:
1.按钮的大小
<p> <button type="button" class="btn btn-primary btn-lg">大的原始按钮</button> <button type="button" class="btn btn-default btn-lg">大的按钮</button> </p> <p> <button type="button" class="btn btn-primary">默认大小的原始按钮</button> <button type="button" class="btn btn-default">默认大小的按钮</button> </p> <p> <button type="button" class="btn btn-primary btn-sm">小的原始按钮</button> <button type="button" class="btn btn-default btn-sm">小的按钮</button> </p> <p> <button type="button" class="btn btn-primary btn-xs">特别小的原始按钮</button> <button type="button" class="btn btn-default btn-xs">特别小的按钮</button> </p> <p> <button type="button" class="btn btn-primary btn-lg btn-block">块级的原始按钮</button> <button type="button" class="btn btn-default btn-lg btn-block">块级的按钮</button> </p>
效果:
Bootstrap Css(二)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。