bootstrap入门教程,按钮、按钮风格、下拉菜单
bootstrap入门教程,按钮、按钮风格、下拉菜单等
本教程演示:
bootstrap框架的按钮、按钮大小、按钮风格、按钮组、下拉菜单制作等。
使用的版本:Bootstrap v2.3.2 。
下面是页面的截图:
示例代码很简单,后面会贴出完整代码。
这些东西很简单,就简单说几个要点吧:
class='btn' ,使用了btn这个class类名,bootstrap自动给给你加上按钮的样式;
btn-small、btn-large等,可以控制按钮的大小;
btn-primary 、btn-danger 、btn-warning等,可以改变按钮的样式风格,可以按需要去使用这些class。
class='btn-group',这样就可以声明这是一个按钮组,一个分组的按钮,bootstrap会把第一个按钮、最好一个按钮圆角效果处理好,看起来会更美观。
,这个就是上图的三角形图标元素。
贴出全部代码:
bootstrap demo
按钮、按钮大小、按钮风格
常规按钮
小按钮
主要按钮
primary
danger
warning
success
info
inverse
按钮组
按钮1
按钮2
按钮3
下拉菜单
按钮4
- item1
- item2
- item3
赞 (0)