1. 程式人生 > >bootstrap的用法、bootstrap圖標

bootstrap的用法、bootstrap圖標

bootstra targe 代碼 com 定義 .com 技術分享 有一個 get

技術分享圖片

正文

前言:最近好多朋友在群裏面聊到bootstrap icon圖標的問題,比如最常見的菜單管理,每個菜單肯定需要一個對應的菜單圖標,要是有一個可視化的圖標選擇組件就好了,最好是直接選擇圖標,就能得到對應的class樣式。於是乎各種百度,皇天不負有心人,最後被博主找到了,感覺效果還不錯,並且支持自定義的圖標,今天就拿出來分享下,絕對的幹貨哦!

一、Bootstrap icon picker組件

這個組件是在github上面搜索的時候找到的,初初看上去,確實是很不錯的,並且是基於bootstrap風格的,所以更加適合使用bootstrap風格布局的項目。既然是github上面的,毋庸置疑,這是一個開源組件,源碼地址。好了,說了這麽多,一起來看看它到底長啥樣子吧。

1、組件效果預覽

技術分享圖片

技術分享圖片

技術分享圖片

技術分享圖片

2、組件代碼示例

技術分享圖片

bootstrap的用法、bootstrap圖標