本文共 2117 字,大约阅读时间需要 7 分钟。
进入bootstrap官方文档的组件页面,最上面的组件就是字体图标“Glyphicons 字体图标”部分。在控件的class中声明字体图标,既加一个class样式“glyphicon”,然后把在这里找到图标后把图标对应的名字单词class样式放到相应的控件里:
由于字体图标看起了是个图片图标,担实际可以把它当成字体来对待,所以控制其大小颜色等样式就跟控制一般的字体一样。aaaaa
最常用的颜色样式有如下几个:primary success info warning danger。不同的控件由相应的前缀加上这些单词即可控制控件的颜色。各控件对应的前缀如下:
文字设置:text- 背景设置:bg- 按钮设置:btn- 弹窗设置:alert- 面板设置:panel- Login忘记密码用户名不能为空
常用样式效果解析如下:
active:背景加深。 disabled:不可点,不可触发。 lg、md、sm、xs除了是栅格系统控制占用空间大小的关键字,也可以是控制控件大小的关键字。 col-**-n是栅格系统的用法; btn-**用于控制按钮大小。