一、bootstrap-fontawesome-iconpicker组件

最新推荐文章于 2024-08-04 14:57:52 发布

weixin_30378623

最新推荐文章于 2024-08-04 14:57:52 发布

阅读量294

点赞数

文章标签： git javascript ViewUI

原文链接：http://www.cnblogs.com/fger/p/10959730.html

版权

一、bootstrap-fontawesome-iconpicker组件

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Font Awesome Icon Picker plugin for Bootstrap</title>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!--https://www.bootcdn.cn/font-awesome/        字体图标库-->
<link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.css" rel="stylesheet">
<!--https://www.bootcdn.cn/fontawesome-iconpicker/        fontawesome-iconpicker组件样式-->
<link href="https://cdn.bootcss.com/fontawesome-iconpicker/3.2.0/css/fontawesome-iconpicker.css" rel="stylesheet">
</head>
<body>
<div class="input-group">
    <span class="input-group-addon"></span>
    <input data-placement="bottomLeft" class="form-control icp icp-auto" value="fa-archive" type="text"/>
</div>
<script src="http://code.jquery.com/jquery-2.2.1.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--https://www.bootcdn.cn/fontawesome-iconpicker/        fontawesome-iconpicker组件css-->
<script src="https://cdn.bootcss.com/fontawesome-iconpicker/3.2.0/js/fontawesome-iconpicker.js"></script>
<script>
    $(function() {
        $('.icp-auto').iconpicker();
    });
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/fger/p/10959730.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30378623

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一、bootstrap-fontawesome-iconpicker组件

一、bootstrap-fontawesome-iconpicker组件<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Font Awesome Icon Picker plugin for Bootstrap</titl...
复制链接

扫一扫