bootstrap - input addon

朴实无华的input默认是这样的:


可以为它加上前缀增补和后缀增补:

$ .00

只要把增补控件和input的class="input-group"内,其中的增补控件标记为class="input-group-addon"即可。当然,你可以只是做前缀增补,或者只是增加后缀增补,只要把不需要的删除就行了。

上面的案例增补的是span内的文字。还可以增补其他类型的控件,比如button。并且可以不止一个:

 

增补checkbox也行:

 

增补radio也行:

 

增补dropdown也行:

  
        

你可能感兴趣的:(bootstrap)