其它

其它的功能,直接看官网的说明,照着练习使用就可

按钮

bootstrap-按钮的创建_官网

btn样式

bootstrap-按钮的创建_bootstrap_02

bootstrap-按钮的创建_a标签_03

bootstrap-按钮的创建_a标签_04

bootstrap-按钮的创建_a标签_05

btn-success

用a标签

bootstrap-按钮的创建_官网_06
给a一个btn样式,什么也没有

但是。。。。

bootstrap-按钮的创建_bootstrap_07

bootstrap-按钮的创建_bootstrap_08

btn-success

bootstrap-按钮的创建_bootstrap_09

其它情况

bootstrap-按钮的创建_官网_10
bootstrap-按钮的创建_a标签_11

按钮的尺寸

大中小正常

bootstrap-按钮的创建_官网_12

bootstrap-按钮的创建_官网_13

宽度是百分百按钮

bootstrap-按钮的创建_官网_14

active

bootstrap-按钮的创建_bootstrap_15
bootstrap-按钮的创建_bootstrap_16

bootstrap-按钮的创建_官网_17

按钮组

btn-group

按钮组的基本功效就是让猪肝牛之间不再有间隙

bootstrap-按钮的创建_a标签_18

bootstrap-按钮的创建_bootstrap_19

bootstrap-按钮的创建_官网_20

bootstrap-按钮的创建_a标签_21

bootstrap-按钮的创建_bootstrap_22

bootstrap-按钮的创建_官网_23

注意这里的坑,如果按钮使用BT n来做的话,有可能会出现一些问题的

bootstrap-按钮的创建_a标签_24

bootstrap-按钮的创建_bootstrap_25
如果按钮加上了justified就会出现这样的bug

bootstrap-按钮的创建_a标签_26
bootstrap-按钮的创建_官网_27

解决办法

给每一个button加上一个div 样式btn-group

bootstrap-按钮的创建_a标签_28

最后的代码是这样

bootstrap-按钮的创建_bootstrap_29

bootstrap-按钮的创建_官网_30