Bootstrap 按钮.pdfVIP

Bootstrap 按钮 我们可以在Bootstrap中轻松创建⼀个按钮，通过添加 btn 类将a，button或input元素 转换为Bootstrap中的花式粗 按钮。 a href=# class=btn btn-primaryClick Here/a !DOCTY E html html lang=en head link rel=stylesheet href=/bootstrap/3.2.0/css/bootst /head body style=margin:30px a href=# class=btn btn-primaryClick Here/a /body /html 上⾯的代码呈现如下： 按钮有各种颜⾊选项： btn-default为⽩⾊ btn-primary为深蓝⾊ btn-success为绿⾊ btn-info为浅蓝⾊ btn-warning为橙⾊ btn-danger为红⾊ 下表列出了Bootstrap 可⽤的不同按钮： 类 描述 btn btn-default 带渐变的默认灰⾊按钮。 btn btn-primary 在⼀组按钮 的主动作按钮。 btn btn-info 替代默认按钮。 btn btn-success 成功或正确的⾏动。 btn btn-warning 表明此操作应注意。 btn btn-danger 表⽰危险或潜在的负⾯⾏为。 btn btn-link 使按钮看起来像⼀个链接。 各种尺⼨： btn-lg⽤于⼤按钮 btn-sm⽤于⼩按钮 btn-xs⽤于超⼩的按钮 还有⼀些辅助类的按钮可⽤： btn-block将使按钮跨越整个⽹格 active将使按钮看起来像它当前点击 disabled将使按钮⽆法单击并显⽰渐变⾊。 以下⽰例将显⽰这些按钮的操作。 button type=button class=btn btn-defaultDefault/button button type=button class=btn btn-primary rimary/button button type=button class=btn btn-infoInfo/button button type=button class=btn btn-successSuccess/button button type=button class=btn btn-warningWarning/button button type=button class=btn btn-dangerDanger/button button type=button class=btn btn-linkLink/button hr input type=button class=btn btn-default value=Default input type=button class=btn btn-primary value= rimary input type=button class=btn btn-info value=Info input type=button class=btn btn-success value=Success input type=button class=btn btn-warning value=Warning input type=button class=btn btn-danger value=Danger input type=button class=btn btn-link value=Link hr a href=# class=btn btn-defaultDefault/a a href=# class=btn btn-primary rimary/a a href=# class=btn btn-infoInfo/a a href=# class=btn btn-successSuccess/a a href=# class=btn btn-warningWarning/a a href=# class=btn btn-dangerDanger/a a href=# class=btn btn-linkLink/a !