bootstrap的⽤法、bootstrap图标
正⽂
bootstrap项目前⾔:最近好多朋友在⾥⾯聊到bootstrap icon图标的问题,⽐如最常见的菜单管理,每个菜单肯定需要⼀个对应的菜单图标,要是有⼀个可视化的图标选择组件就好了,最好是直接选择图标,就能得到对应的class样式。于是乎各种百度,皇天不负有⼼⼈,最后被博主到了,感觉效果还不错,并且⽀持⾃定义的图标,今天就拿出来分享下,绝对的⼲货哦!
⼀、Bootstrap icon picker组件
这个组件是在github上⾯搜索的时候到的,初初看上去,确实是很不错的,并且是基于bootstrap风格的,所以更加适合使⽤bootstrap风格布局的项⽬。既然是github上⾯的,⽏庸置疑,这是⼀个开源组件,。好了,说了这么多,⼀起来看看它到底长啥样⼦吧。
1、组件效果预览
2、组件代码⽰例
(⼀)bootstrap的概要
bootstap也是⼀个库,包括css⽂件和js⽂件,其中js⽂件时⽤jQuery写的,是针对css⽂件中的class的js。当我们在利⽤bootstrap给我们的HTML元素添加类名即添加了css样式,同时该样式在js⽂件中有相关的js代码。
(⼆)bootstrap的使⽤
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论