bootstrap入门教程,按钮、按钮风格、下拉菜单

bootstrap入门教程,按钮、按钮风格、下拉菜单

bootstrap入门教程,按钮、按钮风格、下拉菜单等

本教程演示:

bootstrap框架的按钮、按钮大小、按钮风格、按钮组、下拉菜单制作等。

使用的版本:Bootstrapv2.3.2。

下面是页面的截图:

示例代码很简单,后面会贴出完整代码。

这些东西很简单,就简单说几个要点吧:

class='btn',使用了btn这个class类名,bootstrap自动给给你加上按钮的样式;

btn-small、btn-large等,可以控制按钮的大小;

btn-primary、btn-danger、btn-warning等,可以改变按钮的样式风格,可以按需要去使用这些class。

class='btn-group',这样就可以声明这是一个按钮组,一个分组的按钮,bootstrap会把第一个按钮、最好一个按钮圆角效果处理好,看起来会更美观。

,这个就是上图的三角形图标元素。

贴出全部代码:

bootstrapdemo



按钮、按钮大小、按钮风格

常规按钮

小按钮

主要按钮

primary

danger

warning

success

info

inverse


按钮组

按钮1

按钮2

按钮3




下拉菜单

按钮4

  • item1
  • item2
  • item3
  • 标签:按钮,下拉菜单,bootstrap