燃爆了(bootstrap按钮)bootstrap固定布局,Bootstrap教程:如何自定义定制btn按钮风格,Bootstrap教程:如何自定义定制btn按钮风格,
在介绍按钮开篇就说过,Web页面可能会有不同的按钮风格。那么在Bootstrap框架也考虑了。在Bootstrap框架中除了默认的按钮风格之外,还有其他六种按钮风格,每种风格的其实都一样,不同之处就是按钮的背景颜色、边框颜色和文本颜色。在Bootstrap框架中不同的按钮风格都是通过不同的类名来实现,在使用过程中,开发者只需要选择不同的类名即可:
使用起来就很简单,就像前面介绍的默认按钮一样的使用方法,只需要在基础按钮“.btn”基础上追加对应的类名,就可以得到需要的按钮风格。如: </html>
<!doctype html><htmllang="en"><head><metacharset="UTF-8"><title>定制风格</title><linkrel="stylesheet"href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"></head><body><buttonclass="btn"type="button">基础按钮.btn</button><buttonclass="btn btn-default"type="button">默认按钮.btn-default</button><buttonclass="btn btn-primary"type="button">主要按钮.btn-primary</button><buttonclass="btn btn-success"type="button">成功按钮.btn-success</button><buttonclass="btn btn-warning"type="button">警告按钮.btn-warning</button><buttonclass="btn btn-danger"type="button">危险按钮.btn-danger</button><buttonclass="btn btn-link"type="button">链接按钮.btn-link</button></body></html>
(window.slotbydup = window.slotbydup || []).push({
id: "u6835052",
container: "_96bek913mdb",
async: true
});
本文链接:http://blog.sauo.top/?id=544 感谢分享!